Question

我正在进行Ajax调用，将一些HTML拉入Div。在div中我有

带有标题的文本。然后我使用该标题作为工具提示。

$.ajax({
    url: '/feedme.aspx',
    success: function (data) {
        $('#liveContent').html(data);
        $("#liveContent .liveReader").tooltip({ tipClass: 'tool-tip' });

    }
});

从ajax调用返回的内容是

<div id="liveContent">
    <div id="item1" class="liveReader" title="item 1"><p>Text 1</p></div>
    <div id="item2" class="liveReader" title="item 2"><p>Text 2</p></div>
</div>

工具提示有效，但是当内容刷新时，工具提示会停留在屏幕上！如何在刷新Feed之前删除任何工具提示？

我之前使用Mootools实际上已经完成了这个，但是找不到使用jQuery进行使用的代码来执行此操作。

感谢您的帮助！

Answer 1

工具提示插件（我不知道您正在使用哪个）可能会在body标记的末尾添加另一个div，可能会使用tooltip这样的ID。你的ajax成功回调的第一步应该是隐藏/删除这个div。

Answer 2

当您使用工具提示悬停div时，看起来有两个'div'。在Ajax调用之前添加这两行解决了我的问题：

$('.tooltip-inner').remove();
$('.tooltip-arrow').remove();

Answer 3

fwiw - 我有同样的问题。最好的方法是等到工具提示气泡卡住，然后使用检查元素（chrome，firebug）并找到元素的名称，然后在执行任何后续删除之前从中删除。例如（我的是#tooltip）：

$("#tooltip").remove();
/* rest of code here */

使用Ajax调用停留在屏幕上的jQuery工具提示

3 个答案: