jquery on不可用怎么办
程序员文章站
2022-03-07 14:19:30
...
jquery on不可用的解决办法:首先打开相应的代码文件;然后修改写法为“$(document).on("click",".test",function(){alert("...");});”即可。
本教程操作环境:windows10系统、jquery1.7,本文适用于所有品牌的电脑。
推荐:《jquery教程》
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不可用怎么办的详细内容,更多请关注其它相关文章!
推荐阅读
-
jquery获取radio值(单选组radio)
-
jquery 实现两Select 标签项互调示例代码
-
js数值计算时使用parseInt进行数据类型转换(jquery)
-
jQuery如何获取同一个类标签的所有值(默认无法获取)
-
jQuery固定浮动侧边栏实现思路及代码
-
17173视频助手卡顿怎么办?17173视频助手各种卡的解决方法介绍
-
JavaScript开发中利用jQuery将多条数据插入模态框的示例代码
-
笔记本触摸板失灵怎么办?笔记本触摸板没反应/失灵的原因和解决方法
-
jquery事件机制扩展插件 jquery鼠标右键事件
-
JavaScript编程开发中jquery获取radio值实例教程