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

时间:2018-08-22 05:10:18

标签: javascript css twitter-bootstrap popover

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

.*
包含

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

PS:使用v4.1引导程序

3 个答案:

答案 0 :(得分:8)

该错误清楚地表明没有用于弹出框的destroy方法。在使用4.1版时,应改为使用dispose

$pop.popover('dispose');

答案 1 :(得分:1)

请共享引导程序版本详细信息,以获得更好的帮助,如果您可以准备jsfiddle,那就更好了。
这是一个jsfiddle link,您可以在其中找到可用于Bootstrap 3.0的代码。
如果您使用的是Bootstrap 4,请遵循reference
一些建议:
1.如果您仅打算关闭它,则应使用hide而不是destroy
2.您也可以直接传递delay作为延迟显示或隐藏

的选项
delay: { 
   show: "500", 
   hide: "1000"
},

HTH

答案 2 :(得分:0)

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

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

您还可以通过.popover类从DOM中删除所有创建的弹出窗口(每个弹出窗口都有一个ID,因此,通过知道ID可以更加精确)

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