ajax - 使jQuery TipTip与Ajax加载的内容一起使用

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

这是我用来调用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），ToolTip停止工作。

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


</script>

在TipTip论坛上浏览时，有人提到可以使用jQuery .live函数来工作，但是在阅读了文档之后，我不明白我应该如何用我的代码来实现它。我了解到jquery-live是一个事件处理程序，因此，据说我可以通过ajax调用数据作为主要事件，然后将TipTip用作次要事件，但我不知道如何实现此目的，并且不知道im肯定走了正确的道路。

有人可以告诉我吗？

最佳答案

一个简单的解决方案是创建一个激活TipTip的功能：

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

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

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

关于ajax - 使jQuery TipTip与Ajax加载的内容一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6437596/