错误:没有为弹出框引导程序命名"destroy"的方法



我想在延迟时间后自动关闭弹出窗口。 但它显示错误错误图像

$('#prev_button').popover('show');
$('#prev_button').on('shown.bs.popover', function() {
var $pop = $(this);
setTimeout(function() {
$pop.popover('destroy');
}, 1000);
});

包含 bootstrap.bundle.js 以确保弹出框方法有效。无法找到解决方案

PS:使用 v4.1 引导

从版本 4.1 开始,方法destroy已被dispose取代。您可以在此处找到更多详细信息。

$pop.popover('dispose');

请分享引导程序版本详细信息以获得更好的帮助,如果您可以准备一个 jsfiddle,那就更好了。
这是一个jsfiddle链接,您可以在其中找到使用Bootstrap 3.0的代码。
如果您使用的是 Bootstrap 4,以下参考会有所帮助。
一些建议:
1.如果你只是打算关闭它,你应该使用隐藏而不是破坏。
2.您也可以直接传递延迟作为延迟显示或隐藏的选项,以便

delay: { 
show: "500", 
hide: "1000"
},

呵呵

弹出框插件类似于工具提示。要销毁显示的弹出框,您可以使用以下代码片段:

$pop.popover('destroy'); // jQuery < 4.1
$pop.popover('dispose'); // jQuery > 4.1

您还可以通过类从 DOM 中删除所有创建的弹出框.popover(每个弹出框都有一个 id,因此通过了解 ID,您可以更精确(

$('.popover').remove();

最新更新