通过AJAX加载的jQuery内容从初始页面加载绑定中排除

Question

当我最初加载页面时，我使用某个CSS类选择所有内容，然后按如下方式附加工具提示（＆＃34; doTooltip＆＃34;是CSS类的名称）：

$(document).ready(function () {
    $('.doTooltip').tooltip();
});

这很有效。但是当我通过AJAX将一些额外的内容加载到页面中时，任何应用了doTooltip类的新元素都不会对它们执行.tooltip（），因为它们是在ready（）事件之后加载的。

如何指示jQuery将.tooltip（）应用于使用doTooltip的新加载元素？

或者是将提供的代码塞入函数的唯一解决方案，并在每次将新内容加载到页面时调用此函数？我希望有一种比这更好的方法，因为我全局使用提供的代码。

Answer 1

您必须使用“jquery.fn.on”。这个例子是这样的：

$(document).on('mouseover', '.doTooltip', function(){
    $(this).tooltip();
});

如果有效，请告诉我。当我遇到类似问题时，它对我有用。

如果你的内心灵魂不接受这种黑客行为，请将文件正文的观察者关联起来，以便添加新的“doTooltip”元素并将工具提示应用于新插入的元素。 如果您需要观察员方法的代码，请告诉我。