jQuery工具提示通过Ajax调用保持在屏幕上

jQuery工具提示通过Ajax调用保持在屏幕上,jquery,jquery-plugins,jquery-tooltip,Jquery,Jquery Plugins,Jquery Tooltip,我正在做一个Ajax调用,它将一些HTML拉入Div中。在Div中,我有一个带有标题的文本。然后我用这个标题作为工具提示 $.ajax({ url: '/feedme.aspx', success: function (data) { $('#liveContent').html(data); $("#liveContent .liveReader").tooltip({ tipClass: 'tool-tip' }); } }); a

我正在做一个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上找不到使用这项工作的代码


谢谢你的帮助

我不知道您正在使用的工具提示插件可能会在body标记的末尾添加另一个div,可能带有类似于工具提示的ID。ajax成功回调的第一步应该是隐藏/删除该div。

当您使用工具提示悬停该div时,似乎添加了两个div。在Ajax调用之前添加这两行代码修复了我的问题:

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

fwiw-我也有同样的问题。最好的方法是等到工具提示气泡卡住,然后使用inspect element chrome、firebug并找到元素的名称,然后在接下来的任何移除之前从那里简单地进行移除。例如,我的是工具提示:

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

你是说,当你进行第二次ajax调用来加载新内容时,旧的工具提示仍然可见吗?是的,它工作得很好。。。我用的是前一个人的答案,现在已经不见了!结合你的回答。我只是把它带回到身体层面$主体*。移除类别工具尖端;如果要删除类工具提示,实际上只需要使用它来选择项。无需选择所有内容,因为大多数DOM都没有该类。$'工具提示'.removeClass'tool-tip'可能会执行得更快,不过如果您能找到要附加到dom的div,您可以只选择一件事。实际上。。。接受后,我刚刚注意到div保持不变,但样式被删除。所以文本仍然在屏幕上!是的,您想要删除div,而不仅仅是class.yep-它在页面底部添加了一个div,但是没有ID,只有类名。