使用以下代码qTip为我工作并生成工具提示:
$('a.ppname[rel]').live('mouseover', function() {
$(this).qtip( {
content : {
url : $(this).attr('rel')
},
position : {
corner : {
tooltip : 'leftBottom',
target : 'rightBottom'
}
},
style : {
border : {
width : 5,
radius : 10
},
padding : 10,
textAlign : 'center',
tip : true, // Give it a speech bubble tip with
// automatic corner detection
name : 'cream' // Style it according to the preset
// 'cream' style
}
});
});
});
但是 qTip 并没有从 dom 中删除,有时它只是消失然后再次出现,我得到了很多打开的工具提示:
我查看了dom,qtip似乎没有被删除,只是设置为不可见。我需要一些简单的逻辑来销毁工具提示。例如。如果 a.ppname
已获得焦点并且不再获得焦点,我可以销毁它。但是这在 javascript 中会是什么样子呢?有什么想法吗?
更新:我将 jQuery 降级到 1.3.2 recommended for qTip 。我不再获得保持打开状态的工具提示,但现在还有另一个问题:
当我将鼠标悬停在下一个项目上时,似乎会出现目前无法删除的工具提示。请提供一些如何销毁工具提示的建议。
更新:使用
$('a.ppname[rel]').each(function(){
第一行代码问题就解决了。但这导致了另一个问题,我在这里描述的另一个问题qTip tooltip does not appear, jQuery 。看来是两难^:D
最佳答案
我想你想要的是
$('a.ppname[rel]').qtip({
content : {stuff},
style : {stuff},
position: {stuff},
show: 'mouseover',
hide: 'mouseout'
})
关于javascript - 工具提示(qTip)未关闭,jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4409314/