Question

当我以这种方式调用jQuery UI的Tooltip小部件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中试用了这个。我忘了提到这种情况会在你快速完成时发生。

Answer 1

一个简单的解决方法：

<强> Working Example

$('#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.
    }
});

Answer 2

您需要将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"
    }
});

jQuery UI Tooltip小部件留下不需要的标记

2 个答案:

小提琴：http://jsfiddle.net/xvMBU/6/