ajax - 让 jQuery TipTip 能够处理 ajax 加载的内容

Question

我正在使用 jQuery TipTip 插件使用“Title”标签中的数据在 href 上显示工具提示。

这是我用来调用 TipTip 的代码

<script type="text/javascript" src="jquery.tipTip.js"></script> 
<!-- ToolTip script -->
<script type="text/javascript"> 
$(function(){
$(".someClass").tipTip({maxWidth: "auto", edgeOffset: 10});
});
</script>
<!-- End ToolTip script -->

以及体内

sample content. <a href="" class="someClass" title="test data">sample</a>,stuff.

作为独立示例，这可以很好地工作。但是，当我设置脚本通过ajax(使用包含原始正文代码的sample.html)将内容加载到正文中时，工具提示停止工作。

<script type="text/javascript">
//loading sample ajax data
$(document).ready(function(){  
$('#remote').load('sample.html');  
});  


</script>

在 TipTip 论坛中浏览时，有人提到这可以使用 jQuery .live 函数来工作，但是阅读文档后，我不明白我应该如何用我的代码来实现它。我知道 jquery-live 是一个事件处理程序，所以据说，我可以通过 ajax 调用数据作为主要事件，然后应用 TipTip 作为辅助事件，但我不知道如何实现这一点，并且不知道我是否绝对走在正确的道路上。

有人可以给我建议吗？

Answer 1

一个简单的解决方案是创建一个激活 TipTip 的函数:

function activateTipTip() {
    $(".someClass").tipTip({maxWidth: "auto", edgeOffset: 10});
}

$(document).ready(function(){
    activateTipTip();
    $('#remote').load('sample.html', function() {
        activateTipTip();
    });  
}); 

不是很优雅，但应该可以。