动态生成input绑定事件无效如:blur
2017-07-26 11:03
260 查看
原因:
异步导致绑定事件失败。
需使用全局绑定事件,代码如下:
事件on的简单介绍:
异步导致绑定事件失败。
需使用全局绑定事件,代码如下:
<div class="form-group"> <select class="form-control remark"> <option value="0">已补</option> <option value="1">无误</option> <option value="2">其他</option> </select> </div>
$('.remark').change(function(event) { if($(this).val()==2){ if(!$(this).siblings().hasClass('addinput')){ $(this).after('<input class="addinput form-control" placeholder="请在此处填写原因"/>') selectvalue=$(this).val()+$('addinput').val(); } } else { if($(this).siblings().hasClass('addinput')){ $('.addinput').remove(); } selectvalue=$(this).val(); } var Params={'select':selectvalue}; }); $('.addinput').blur(function(){ alert('已绑定') });//此种绑定方法无效 $(".form-group").on("blur",".addinput",function(){ alert('已绑定'); });//使用全局绑定事件
事件on的简单介绍:
$(selector).on(event,childSelector,data,function,map)
selector 可选/String类型一个jQuery选择器,用于指定哪些后代元素可以触发绑定的事件。如果该参数为null或被省略,则表示当前元素自身绑定事件(实际触发者也可能是后代元素,只要事件流能到达当前元素即可)。 event 必需。规定要从被选元素移除的一个或多个事件或命名空间。 由空格分隔多个事件值。必须是有效的事件。 childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。 data 可选。规定传递到函数的额外数据。 function 可选。规定当事件发生时运行的函数。 map 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
相关文章推荐
- 动态生成控件以后控件绑定的事件无效的问题
- 动态生成DOM元素绑定click事件无效问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery1.9之后使用on()绑定 动态生成元素的 事件无效
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 使用jquery on()方法为动态生成的元素绑定事件
- Jquery 动态生成li标签以及单击事件的绑定
- HTML中动态生成内容的事件绑定问题【转载】
- 动态生成按钮并绑定事件
- jQuery on和off配合使用为动态生成的元素绑定监听事件
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- 动态生成控件-绑定事件(VB.NET/C#)
- innerHtml动态生成button并绑定事件
- jQuery学习笔记之给动态生成元素绑定事件
- jquery input动态绑定onchange事件
- easyUI 导航栏动态生成时绑定事件不相应
- 关于动态生成dom绑定事件的问题
- JQuery中动态生成元素的绑定事件(坑死宝宝了)
- angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题