Jquery Qtip2无法摧毁它。

Question

在使用qtip2库时，我有以下代码：

HTML：

<div id="test">Test</div>
<br />
<a id="create">Create</a><br />
<a id="destroy">Destroy</a>

Javascript：

$('#create').click(function() {
    $('#test').qtip({content:'test',show: {delay: 0,ready: true,effect: false},hide: false});
});

$('#destroy').click(function() {
   $('#test').qtip('destroy'); 
});

如果我们点击“创建”，然后在“破坏”，它工作很好，qtip出现并得到破坏。但是，如果我们点击两次在“创建”，然后在“破坏”，qtip将不会得到破坏。

这里有一个用来测试它的小提琴：http://jsfiddle.net/7QmZj/

有人知道为什么吗？谢谢。

Answer 1

在创建另一个qtip之前检查是否存在qtip，如下所示：

if ($("#test").data("qtip")) return;

Answer 2

页面上会有针对不同元素的多个Qtips吗？如果不是，我有一个解决方案，将删除所有qtips从页面，如果您双击创建不止一次。

    $('#destroy').click(function() 
      {
         $("div[id^=qtip-]").qtip('destroy'); 
      });

把你的“销毁”部分换成地雷，让我知道这是否有效。