-
今天在进行代码编写时,我需要根据
ajax
返回的数据动态生成一个表格,而针对于其中的input
标签,要求设置失去焦点的blur
事件 -
需要实现的界面截图如下:
-
最开始编写的
js
代码如下:
/**
* 当sku库存量变化时,对应总库存进行更新
*/
$(".input-sku-stock").blur(function () {
var input_goods_stock = 0;
$('.input-sku-stock').each(function () {
input_goods_stock += Number($(this).val());
});
$(".input-goods_stock").val(input_goods_stock);
});
- 但是发现,静态的表格是可以正常实现的,而动态新生成的却无法触发
blur
事件
因为测试失败后,转而考虑新的写法,且可以正常实现
意见:
异步导致绑定事件失败,需使用全局绑定事件