使用jQuery UI工具提示，如果我超过目标，或者如果我超过了工具提示本身，我想保持工具提示打开。
我想我可以使用close回调来查看我是否超过了工具提示或目标区域，尽管我必须再指定一个mouSEOut函数。
这是我的jsfiddle：http://jsfiddle.net/Handyman/fNjFF/
————- HTML ———————-
<div id="target">
<a href="#" class="target">Hover over me!</a>
<a href="#" class="target">Hover over me too!</a>
</div>
———— javascript —————–
$(function()
{
$('#target').tooltip({
items: 'a.target',content: 'just some text to browse around in'
});
});
我正在努力工作，看看我能想出来的。
解决方法
这是我经过多次搜索和测试后提出的解决方案：
http://jsfiddle.net/Handyman/fNjFF/11/
——————- HTML ——————–
<body>
<div id="target">
<a href="#" class="target">Hover over me!</a>
<a href="#" class="target">Hover over me too!</a>
</div>
</body>
—————- Javascript —————–
$('#target').tooltip({
items: 'a.target',content: 'Loading…',show: null,// show immediately
open: function(event,ui)
{
if (typeof(event.originalEvent) === 'undefined')
{
return false;
}
var $id = $(ui.tooltip).attr('id');
// close any lingering tooltips
$('div.ui-tooltip').not('#' + $id).remove();
// ajax function to pull in data and add it to the tooltip goes here
},close: function(event,ui)
{
ui.tooltip.hover(function()
{
$(this).stop(true).fadeTo(400,1);
},function()
{
$(this).fadeOut('400',function()
{
$(this).remove();
});
});
}
});
当有一大堆工具提示链接在附近时，我也有一个问题，拖拽工具提示，所以工具提示将结束堆叠或不关闭，所以这将关闭工具提示打开时所有其他打开的工具提示。
