0

我正在做一个 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>

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

实际上，我之前已经使用 Mootools 完成了此操作，但无法找到使用 jQuery 执行此操作的代码，而 jQuery 刚刚转而使用它。

谢谢你的帮助！

4

3 回答 3

1

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

于 2012-06-26T14:43:02.640 回答
0

当您使用工具提示悬停 div 时，似乎添加了两个“div”。在 Ajax 调用之前添加这两行为我解决了这个问题：

$('.tooltip-inner').remove();
$('.tooltip-arrow').remove();
于 2013-12-18T22:52:17.330 回答
0

fwiw - 我有同样的问题。最好的方法是等到工具提示气泡被卡住，然后使用检查元素（铬，萤火虫）并找到元素的名称，并在任何后续删除之前从那里简单地删除。例如（我的是#tooltip）：

$("#tooltip").remove();
/* rest of code here */
于 2015-04-16T06:13:25.647 回答