动态添加到页面的内容怎么写他们的点击事件
2018-03-13 16:40
295 查看
比如我有个表格里面的内容都是通过访问接口获取到的,而页面的html只有最外层的table。
<table border="0" cellspacing="0" cellpadding="0" id="contaUnselectTableList">
</table>
那么里面元素tr的点击事件,你用
$("#contaUnselectTableList tr").on("click",function(){}) 是没有效果的。用bind也是没有用的。你可能想利用另一种写法
$("#contaUnselectTableList").on("click", "tr",function(){}) 然而即使先找父元素再去找子元素也是没有用的。
这个时候我们想到可以用live
$("#contaUnselectTableList").live("click", "tr",function(){})这个里面获取的$(this).html()竟然是整个table。奔溃了。
$("#contaUnselectTableList tr").live("click", function(){})这个里面获取的$(this).html()菜是你点击的那个tr
但是这里面还是有个bug的。你点击选择了一个元素,再去点击从新选择的时候,这个事件会执行两次。
$("#contaUnselectTableList tr").die().live("click", function(){}) 所以你要在每次调用的时候取消上次的
<table border="0" cellspacing="0" cellpadding="0" id="contaUnselectTableList">
</table>
那么里面元素tr的点击事件,你用
$("#contaUnselectTableList tr").on("click",function(){}) 是没有效果的。用bind也是没有用的。你可能想利用另一种写法
$("#contaUnselectTableList").on("click", "tr",function(){}) 然而即使先找父元素再去找子元素也是没有用的。
这个时候我们想到可以用live
$("#contaUnselectTableList").live("click", "tr",function(){})这个里面获取的$(this).html()竟然是整个table。奔溃了。
$("#contaUnselectTableList tr").live("click", function(){})这个里面获取的$(this).html()菜是你点击的那个tr
但是这里面还是有个bug的。你点击选择了一个元素,再去点击从新选择的时候,这个事件会执行两次。
$("#contaUnselectTableList tr").die().live("click", function(){}) 所以你要在每次调用的时候取消上次的
相关文章推荐
- ajax动态获取select中option内容,并添加点击事件
- 【Unity】UGUI怎么动态的添加按钮的OnClick点击事件
- iview的icon组件怎么添加点击事件
- jquery:为动态加载的元素添加点击事件
- 动态添加Html单元格时,事件怎么写?如mouseover事件
- jquery对动态添加内容添加事件
- JSP页面动态生成表格并为表格添加事件
- jQuery向动态生成的内容添加事件响应(jquery live方法简介)
- [JavaScript]页面动态添加Object元素及ActiveX控件事件关联
- jquery无法为动态生成的元素添加点击事件的解决方法
- jquery对动态添加内容添加事件
- 详解jQuery向动态生成的内容添加事件响应jQuery live()方法
- android 百度地图定位与覆盖物的添加,以及他们的点击事件
- ASP.NET 页面中动态增加的控件、添加事件第1/2页
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- Android 动态添加标签及其点击事件
- JSP页面动态生成表格并为表格添加事件(续)
- 【phpcms-v9】content_form.calss.php文件分析-内容添加页面动态表单的生成原理
- div怎么添加一个点击事件onClick?
- 动态添加重复布局以及各子布局点击事件