JQuery动态绑定 事件 点击事件无效
程序员文章站
2022-07-12 22:41:57
...
<div id="Container" >
//动态加载代码
</div>
加载内容HTML:
<li class="floatX">
//code
</li>
无效使用:
1、
$(".floatX").on('click',function () {
console.log(this);
});
2、
$(".floatX").click(function () {
console.log(this);
});
正确使用方法:
$("#Container").on('click','.floatX',function () {
console.log("this");
});
上一篇: jquery on()绑定事件无效
下一篇: Mybatis学习笔记,框架搭建 一
推荐阅读
-
jQuery中的bind绑定事件与文本框改变事件的临时解决方法_jquery
-
jQuery在添加元素时无法触发绑定事件怎么处理
-
javascript事件委托和jQuery事件绑定on、off 和one
-
解决jquery appaend元素中id绑定事件失效的问题
-
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
-
jquery中移除了live()和die(),新版事件绑定on()和off()的方法详解
-
JQuery为页面Dom元素绑定事件及解除绑定方法
-
jQuery事件绑定和委托实例教程
-
vue element-ui 绑定@keyup事件无效的解决方法
-
Jquery使用mouseenter和mouseleave事件实现鼠标经过弹出层且可以点击的示例代码分享