qtip2 - Jquery Qtip2无法销毁它

  显示原文与译文双语对照的内容

在使用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将不会被破坏。

这里有一个jsfiddle来测试它: http://jsfiddle.net/7QmZj/

谁都知道? 谢谢你。

时间: 原作者:

在创建另一个之前检查qtip是否存在,如创建之前的类似内容:


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

原作者:

页面上是否会有多个Qtips用于不同元素? 如果没有,我有一个解决方案,将从页面中删除所有 qtips,如果双击多次创建。


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

只要用地雷替换"销毁"位,让我知道这是否有效。

原作者:
...