jquery on不可用要如何才可以解决

发布时间：2020-11-11 10:14:26 作者：小新
来源：亿速云阅读：126

了解jquery on不可用要如何才可以解决？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

jquery on不可用的解决办法：首先打开相应的代码文件；然后修改写法为“$(document).on("click",".test",function(){alert("...");});”即可。

jQuery on() 绑定无效的解决办法

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。官网也推荐我们使用该方法，它简化了 jQuery 代码库。

$(selector).on(event,childSelector,data,function,map)

参数	描述
event	必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。
childSelector	可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。
data	可选。规定传递到函数的额外数据。
function	可选。规定当事件发生时运行的函数。
map	规定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。

当是最近在工作中就遇到使用on( ) 无效。如果是加载页面时候，被选元素及子元素就已经存在的话，是可以正常使用，写法一般如下：

$(".test").on("click",function(){
    alert("执行了");
});

当是如果被选元素及子元素在加载页面时不存在，而是通过函数生成的话就有问题。按上面的写法写的话任何事件通过on（）都绑定不了。

解决办法如下：

$(document).on("click",".test",function(){//修改成这样的写法
    alert("生成的也可以执行了！");
});

感谢各位的阅读！看完上述内容，你们对jquery on不可用要如何才可以解决大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。

相关阅读