如何使用引导程序和fontawesome将弹出窗口设置为单击而不是悬停？

Question

我已经尝试过聚焦和手动，但是这些似乎不起作用。 有什么帮助吗？

脚本：

<script>$(document).ready(function() {
$("i.fa").popover({'trigger':'hover'});

HTML：

<i rel="popover" data-content="hey" class="fa fa-share-alt fa-lg" aria-hidden="true"></i>

CSS：

[rel="popover"]{
        cursor: pointer;
        display:inline-block; /* chrome-fix */
    }
i.fa {
   display: inline-block;
}

Answer 1

尝试这样的事情。 这是你想要的吗？

JS

$(document).ready(function() {
$("i.fa").on('click',function(){
    $(this).popover().toggleClass('show');
});;
});