我正在使用jQuery Tools提示插件，它通过$('selector').tooltip()进行初始化。我想在任何当前或未来的.tooltipper元素上调用它。我认为以下代码可以实现：
$('.tooltipper').live('ready', function(){
$(this).tooltip()
}
但是它并没有成功——ready事件没有触发。load也一样。我读过livequery可以产生我想要的结果，但肯定有一种方法可以使用jQuery的.live()来完成，因为文档说它适用于所有jQuery事件，其中我相信ready是其中之一。
引自 jQ API (http://api.jquery.com/live/):
在 jQuery 1.3.x 中，除了自定义事件之外，只有以下 JavaScript 事件可以使用 .live() 进行绑定：click、dblclick、keydown、keypress、keyup、mousedown、mousemove、mouseout、mouseover 和 mouseup。
自从 jQuery 1.4 开始，.live() 方法支持所有 JavaScript 事件以及自定义事件。
自从 jQuery 1.4.1 开始，即使是 focus 和 blur 也能与 live 一起使用（映射到更合适的冒泡事件 focusin 和 focusout）。
自从 jQuery 1.4.1 开始，hover 事件也可以被指定（映射到 "mouseenter mouseleave"）。
.live() 看起来不支持 ready 事件。
在HurnsMobile的优秀回答中，我想补充一点; 查看bindReady()，这是jQuery在每次调用$(some_function)或$(document).ready(some_function)时内部调用绑定文档加载事件的方法，我们可以看到为什么不能绑定"ready"事件：
bindReady: function() {
if ( readyBound ) {
return;
}
readyBound = true;
// Catch cases where $(document).ready() is called after the
// browser event has already occurred.
if ( document.readyState === "complete" ) {
return jQuery.ready();
}
// Mozilla, Opera and webkit nightlies currently support this event
if ( document.addEventListener ) {
// Use the handy event callback
document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
// A fallback to window.onload, that will always work
window.addEventListener( "load", jQuery.ready, false );
// If IE event model is used
} else if ( document.attachEvent ) {
// ensure firing before onload,
// maybe late but safe also for iframes
document.attachEvent("onreadystatechange", DOMContentLoaded);
// A fallback to window.onload, that will always work
window.attachEvent( "onload", jQuery.ready );
// If IE and not a frame
// continually check to see if the document is ready
var toplevel = false;
try {
toplevel = window.frameElement == null;
} catch(e) { //and silently drop any errors
}
// If the document supports the scroll check and we're not in a frame:
if ( document.documentElement.doScroll && toplevel ) {
doScrollCheck();
}
}
}
$(some_function) 调用一个绑定到以下事件的函数：
.tooltipper 元素的操作，而不是尝试监听 ready 事件（这只会发生一次）。$.liveReady('.tooltipper', function(){
this.tooltip()
});
然后在创建新内容时：
element.html(somehtml);
element.liveReady();
或者
$('<div class="tooltipper">...').appendTo($('body')).liveReady();
.live()？我认为最好尝试将其绑定到可能创建新的selector的事件上。这不是直接的答案，但在ready上使用.live()似乎有点像散弹枪式的方法。只是我的两分钱。 - HurnsMobilehref属性的链接在单击时应始终带您到一个URL。大多数带有title属性的元素应在鼠标悬停时将参数显示为工具提示。对于像自定义工具提示这样的高级行为，启用此类功能对我来说是有意义的。 - Steven$('.tooltipper').livequery(function(){$(this).tooltip()})，这对我来说是最语义化的解决方案（相比于下一个最佳解决方案，即将回调添加到创建工具提示元素的函数中），因为工具提示行为与元素相关联——它与创建过程无关。 - Steven