mousedown事件完成后销毁引导程序弹出窗口

Destroy bootstrap-popover after mousedown event is completed

本文关键字：引导程序 窗口 事件 mousedown      更新时间：2023-09-26

我想在mousedown事件完成时销毁特定的popover。只要用户按下鼠标，弹出窗口就可见。当用户不再存在时，应该有3.5秒的延迟，然后它应该被销毁。

只要mousedown为true，我当前的实现就会正确地显示popover，但当我释放鼠标时，popover会立即被销毁，不会有延迟。我该怎么办？

jQuery:

function destroyPopover(selector)
{
    setTimeout(function () {
        $(selector).popover('destroy');
        }, 3500);
}   
...
$('#otp_table').on('mousedown', 'td', function() {
        $(this).popover({
                container: 'body',
                content: 'Lorem ipsum',
                placement: 'top',
            }).popover('show');
    }, hidePopover(this));

为了纠正我的问题，我在popover对象中添加了这一行：

delay: { "hide": 3500 },

这使得。。。

$('#otp_table').on('mousedown', 'td', function() {
    $(this).popover({
            container: 'body',
            delay: { "hide": 3500 },
            content: 'Lorem ipsum',
            placement: 'top',
        }).popover('show');
}, destroyPopover(this);

此外，我已经删除了destroyPopover（）函数中的setInterval，它给出了。。。

function destroyPopover(selector)
{
    $(selector).popover('destroy');
}

希望它有用！

相关文章：