jQuery 1.7 on()方法

时间:2011-11-04 15:54:11

标签: click preventdefault jquery-1.7

我刚刚为我正在开始的一个全新项目下载了jQuery 1.7。

阅读完文档后,我看到.on()现在替换了.live()。从文档引用:

  

从jQuery 1.7开始,.on()方法提供了附加事件处理程序所需的所有功能。对于较旧的jQuery事件方法的等价物,请参阅.bind(),. delegate()和.live()。

所以我想要做的很简单。我有以下jQuery当然使用旧方法:

$('a').live('click', function(e){
    e.preventDefault(); 
});

这很好用,我的意思是阻止了锚点的默认行为。如果我用这个:

$('a').on('click', function(e){
    e.preventDefault(); 
});

不会阻止锚点的默认行为,单击它时会加载另一个页面。我在这里做了一些明显错误的事情,还是我误解了.on()?

1 个答案:

答案 0 :(得分:2)

它可以工作。

http://jsfiddle.net/RsHnn/

您确定该页面上没有任何JS错误/您确定使用的是jQuery 1.7吗?

修改

如果您希望使用动态添加元素,则需要添加选择器。

http://jsfiddle.net/RsHnn/2/