javascript - 如何使用 bootstrap 和 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');
});;
});

Working Fiddle