event.preventDefault();在jQuery中没有使用.on

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了event.preventDefault();在jQuery中没有使用.on，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

从jQuery 1.7开始,.live已被弃用并替换为.on.但是,我很难让jQuery .on与event.preventDefault();一起工作.在下面的示例中,单击锚标记会将我带到链接页面,而不是阻止跟随链接的默认浏览器操作.

jQuery('.link-container a').on('click',function(event) {
    event.preventDefault();
//do something
});

但是,与.live相同的代码没有任何打嗝.

jQuery('.link-container a').live('click',function(event) {
    event.preventDefault();
//do something
});

我正在使用当前附带wordpress 3.3.1的jQuery 1.7.1版.这里有什么问题？

你没有正确绑定它.在执行您想要执行的操作时,.on() – 方法的工作方式类似于.delegate().以下是正确使用的示例：

$('.link-container').on('click','a',function(event){ 
    event.preventDefault();
})

这假设.link-container在页面加载时存在,并且不是动态加载的.您需要将委托方法绑定到静态的最近祖先,并在第二个参数中,在本例中为“a”,指定委托方法适用的项目.

只需使用$(‘SELEctor’).on(‘click’,function(){})给出与使用$(‘SELEctor’)完全相同的结果.Click(function(){})

大佬总结

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

猜你在找的jQuery相关文章