动态生成input绑定事件无效如:blur
来源:互联网 发布:写作起名软件 编辑:程序博客网 时间:2024/05/21 17:17
原因:
异步导致绑定事件失败。
需使用全局绑定事件,代码如下:
<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, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
阅读全文
1 0
- 动态生成input绑定事件无效如:blur
- 【jquery】input 和 blur 事件
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- jQuery-动态生成的元素绑定无效
- jquery input动态绑定onchange事件
- input的focus和blur事件
- 动态给input生成onclick事件
- 为动态生成节点绑定事件
- 动态生成Ext GUI及绑定事件
- 动态生成按钮并绑定事件
- jquery动态生成的元素绑定事件
- jquery 为动态生成元素绑定事件
- 动态生成表单如何绑定事件:
- js动态生成的元素绑定事件
- jquery动态生成元素绑定事件
- innerHtml动态生成button并绑定事件
- 多校赛2017 R1
- linux centos修改ssh端口号
- Java 获取系统中可用字体的名字
- 数据集(人数统计、密度分析)
- 存储
- 动态生成input绑定事件无效如:blur
- ajax后台套用两层JSONOBJECT返回到前台的方法
- cfRound425B. Petya and Exam
- uva227 puzzle
- 图片边角形
- HDU1201-18岁生日
- DATAKIT.CrossManager.2017.1.Win32_64 2CD
- 2017多校1 b hdu 6034
- C/S、B/S架构的区别