使用ajax动态加载html元素时,onclick事件失效
2017-12-26 14:24
465 查看
原因:ajax动态加载之前js就加载完了,事件没有绑定到动态生成的dom元素上。
问题:使用on事件,$('#btn').click(function(){}绑定无效
解决方案:使用on绑定事件。
$(document).on('click','input[name=LogFloorId]',function(){
$('#FloorLogFloorIdName').val($(this).val());
$('#FloorLogFloorIdNameShow').html($(this).val());
$("#FloorLogFloorDialog").hide();
$('#FloorLogFloorId').val($(this).attr("rel"));
});
问题:使用on事件,$('#btn').click(function(){}绑定无效
解决方案:使用on绑定事件。
$(document).on('click','input[name=LogFloorId]',function(){
$('#FloorLogFloorIdName').val($(this).val());
$('#FloorLogFloorIdNameShow').html($(this).val());
$("#FloorLogFloorDialog").hide();
$('#FloorLogFloorId').val($(this).attr("rel"));
});
相关文章推荐
- 使用ajax动态加载html元素时,onclick事件失效
- 网页加载后动态改变HTML元素的onClick事件
- 在Drupal的form表单中使用js事件,比如onClick和onChange等,或者加载一些css样式等自己需要的杂七杂八的东西
- 用src属性动态替换图片;图片预加载---鼠标事件实现图片翻转效果;随机显示图片和onClick事件
- jsp/servlet使用ajax动态加载dtree, dtree样式/图片修改 (java 生成dtree servlet json)
- 在Drupal的form表单中使用js事件,比如onClick和onChange等,或者加载一些css样式等自己需要的杂七杂八的东西
- 使用ajax动态加载select下拉框
- Asp.net开发心得点滴[动态加载的用户控件使用事件委托,交给页面处理的事件无效问题]
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单续
- ajax动态加载js,导致js不执行失效问题颇
- 使用jQuery,AJAX和ASP.NET动态加载数据页上的滚动
- ajax动态加载js,导致js不执行失效问题吻
- ViewPager,子页面组件绑定OnClick事件,使用DepthPageTransformer动画,事件失效、混乱
- js无法捕捉dom中由ajax动态加载的html元素
- 使用ASP.NET Ajax 和Web Service动态加载用户控件
- 怎样使AJAX有利于SEO:为使用JS和AJAX动态加载的内容制定href
- 关于jquery动态加载节点后阻止事件冒泡失效的问题
- 使用Ajax动态加载数据
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单?求助
- js--- 动态加载checkbox的onclick事件