dom - .on() 未检测到 dom 更改

Question

我的 .on() 工作时遇到一些问题。我的网站是here .

如果你看看 www.eliteweb-creation.co.uk/dev/js/nav.js，我正在 mouseenter 和 mouseleave 上设置一些$('a.left.active')

上的事件处理程序

为了将来任何人查看这篇文章，我已将代码添加到 jsfiddle:

http://jsfiddle.net/TcbAP/

anchor 在点击时会动态添加 .active ，因此使用 .on() 而不是 .click() 所以jQuery 检测到 dom 更改并添加事件处理程序。

在添加 .active 类之前我的 .on("click") anchor 工作正常，问题似乎出在 .on( ) 未检测到类更改。

感谢任何和所有帮助。

Answer 1

使用 .on() 不会神奇地让您的代码检测到更改。

您必须从不更改的祖先元素委托(delegate)单击事件处理程序:

$('.nav').on('click', 'a.active', function(e) {
    // Put your code here...        
});

您可以在jQuery docs: Direct and delegated events中阅读更多相关信息。