当我以这种方式调用 jQuery UI 的工具提示小部件http://jsfiddle.net/xvMBU/5/并悬停时，当工具提示隐藏时，并非所有的 html 都从页面中删除 - 这是留下的：
<div class="ui-effects-wrapper" style="font-size: 100%; background-color: transparent; border: none; margin: 0px; padding: 0px; width: 64px; height: 42px; float: none; position: absolute; z-index: 9999; top: -11px; left: 0px; bottom: auto; right: auto; background-position: initial initial; background-repeat: initial initial;"></div>
我在 Chrome 和 FF v18.0.1 中尝试了这个。我忘了提到当你快速完成时会发生这种情况。
一个简单的解决方法：
$('#myTooltip').tooltip({
"items": "#myTooltip",
"tooltipClass": "gr-t-tooltip-balloon",
content: function () {
return "dddd";
},
"position": {
"my": "right top",
"at": "left"
},
"show": {
"effect": "drop",
"duration": 150,
"direction": "left"
},
close: function (event, ui) {
$('div.ui-effects-wrapper').remove(); // Add a close function to remove the wrapper.
}
});
您需要设置close为false.
"close": false,
将您的代码更改为：
$('#myTooltip').tooltip({
"items": "#myTooltip",
"tooltipClass": "gr-t-tooltip-balloon",
"close": false,
content: function () {
return true;
},
"position": {
"my": "right top",
"at": "left"
},
"show": {
"effect": "drop",
"duration": 150,
"direction": "left"
}
});