如何设置我的popover单击而不是使用bootstrap和fontawesome悬停?

时间:2017-07-23 14:49:49

标签: javascript html css twitter-bootstrap

我尝试过焦点和手动,但那些似乎不起作用。对此有何帮助?

脚本:

<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;
}

1 个答案:

答案 0 :(得分:0)

尝试像这样的东西。这是你想要的吗?

JS

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

Working Fiddle