jquery使用on绑定a标签无效只能用live解决

222 阅读 0 评论 147 点赞

我是靠谱客的博主鲜艳书包，最近开发中收集的这篇文章主要介绍jquery使用on绑定a标签无效只能用live解决，觉得挺不错的，现在分享给大家，希望可以做个参考。

如题

jQuery使用on()绑定动态生成元素的事件无效的问题

jQuery的on()方法可以绑定动态生成元素的事件，但是在实际使用时发现无效。如下HTML：

<p>  
<a>123</a>
</p>

使用如下方式，对静态元素有效，但是绑定动态生成的a元素的事件时无效：

$('a').on('mouseenter',
function(){  
............});

需要绑定a的父级元素（此元素必须为静态元素，不是后来动态生成的），然后设定on()方法的selector参数才行：

$('p').on('mouseenter',
'a',
function(){  
..............});

以上这篇jquery使用on绑定a标签无效只能用live解决就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

jquery使用on绑定a标签无效 只能用live解决