Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 从dom中删除元素时删除qtip_Jquery_Qtip2 - Fatal编程技术网

Jquery 从dom中删除元素时删除qtip

Jquery 从dom中删除元素时删除qtip,jquery,qtip2,Jquery,Qtip2,我通过jquery.on mouseover上的事件、img和div元素应用qtip2的工具提示。当qtip仍在显示时,这些元素有时需要从DOM中删除,而这种删除不在我的控制之下。 结果是qtip永远留在那里。删除qtip的关联元素后,如何删除qtip 编辑 基础元素不是使用jquery的.remove()删除的,而是使用innerHTML=。。因此qtip2自动删除在这里不起作用。如果您可以将qTip更新到最新的夜间版本。然后尝试将其添加到qTip创建中: $('#element').qtip

我通过jquery.on mouseover上的事件、img和div元素应用qtip2的工具提示。当qtip仍在显示时,这些元素有时需要从DOM中删除,而这种删除不在我的控制之下。 结果是qtip永远留在那里。删除qtip的关联元素后,如何删除qtip

编辑
基础元素不是使用jquery的.remove()删除的,而是使用innerHTML=。。因此qtip2自动删除在这里不起作用。

如果您可以将qTip更新到最新的夜间版本。然后尝试将其添加到qTip创建中:

$('#element').qtip({
   content : {stuff},
   style : {stuff},
   position: {stuff},
   show: 'mouseover',
   hide: 'click',
   onHide: function() { $(this).qtip('destroy'); }
});
您也可以在此处查看:


如果您可以将qTip更新到最新的夜间版本。然后尝试将其添加到qTip创建中:

$('#element').qtip({
   content : {stuff},
   style : {stuff},
   position: {stuff},
   show: 'mouseover',
   hide: 'click',
   onHide: function() { $(this).qtip('destroy'); }
});
您也可以在此处查看:


当您询问QTip2方法时,它就在这里。在QTip2初始化中,添加以下内容:

events: {
    //this hide event will remove the qtip element from body and all assiciated events, leaving no dirt behind.
    hide: function(event, api) {
        api.destroy(true); // Destroy it immediately
    }
}

使用QTip 2.2.0进行测试

当您询问QTip2方法时,它就在这里。在QTip2初始化中,添加以下内容:

events: {
    //this hide event will remove the qtip element from body and all assiciated events, leaving no dirt behind.
    hide: function(event, api) {
        api.destroy(true); // Destroy it immediately
    }
}

使用QTip 2.2.0进行测试

对不起,从来没有老鼠洞。鼠标不动了。例如,我单击一个网格单元,div被删除并替换为另一个元素,如a。我的情况并非如此。您可以使用“单击”参数更改显示/隐藏事件。正如qTip的创建者所说:转到qTip2(您已经有了它),它实现了与jQuery UI中相同的$.remove()覆盖,当具有qTip的元素或任何父元素被删除时,它会触发任何绑定qTip的删除。@ChristopherMarshall您是对的。我一点击就摧毁了所有的QTIP,然后用mouseover/mouseout组合,我就到了某个地方。资源上有点贵,但这似乎是唯一的办法。对不起,这里从来没有老鼠洞。鼠标不动了。例如,我单击一个网格单元,div被删除并替换为另一个元素,如a。我的情况并非如此。您可以使用“单击”参数更改显示/隐藏事件。正如qTip的创建者所说:转到qTip2(您已经有了它),它实现了与jQuery UI中相同的$.remove()覆盖,当具有qTip的元素或任何父元素被删除时,它会触发任何绑定qTip的删除。@ChristopherMarshall您是对的。我一点击就摧毁了所有的QTIP,然后用mouseover/mouseout组合,我就到了某个地方。资源上有点贵,但这似乎是唯一的方式。