如何在5秒后淡出一个bootstrap popover？

Question

如何在5秒后淡出这个弹出窗口？另外,如果我点击它,我怎么能让它隐藏？

   $('ul.menu.fright').popover({
       'placement':'bottom',
       'content':'Look at me!',
       delay: {show:500, hide:100}
    }).popover('show');

Answer 1

好吧,@ Coding Enthusiast所提到的,肯定会为你完成这项工作.同样,我只是做了小提琴.你可以看看.

我所做的就是按钮,但你可以更换它

HTML

<div class="bs-example">
    <button type="button" class="btn btn-primary" data-toggle="popover" title="Popover title" data-content="Default popover">Popover</button>
</div>

jQuery的

$(document).ready(function () {

    $('[data-toggle="popover"]').popover({
        placement: 'bottom',
        delay: {
            "show": 500,
            "hide": 100
        }
    });

    $('[data-toggle="popover"]').click(function () {

        setTimeout(function () {
            $('.popover').fadeOut('slow');
        }, 5000);

    });

});

不要忘记秀和隐藏的双引号(问题在这里)