小弟想要制作个点击表格字段可以直接修改的网页
不过遇到很奇怪的问题
也是找很久才发现,如果加上 setTimeout 就正常了 (时间给0...)
这是代表 closest 是异步执行的吗!?
closest还没回来 下一行已经在跑了?
总觉得我应该是哪里理解错误...
jquery 代码如下
$('td.fixed').live('click', function() {
if (!$(this).find('input').length) {
$(this).html('<input type="text" value="' + $(this).text() + '"><a
name="td_fixedbutton" class="button">储存</a>');
}
});
$('a[name=td_fixedbutton]').live('click', function() {
let x = $(this).closest('td');
setTimeout(function() { //←这个加上去功能就会正常,拿掉就异常
x.html(x.find('input').val());
}, 0);
});
虽然现在可以执行,但是我觉得 setTimeout 应该不是正常解法...
希望可以解惑谢谢
我在 jsfiddle 放了遇到问题的程式码
https://jsfiddle.net/76mr4fff/
作者:
ssccg (23)
2018-05-27 01:46:00html跑完后,click event继续丢给上层的td,然后马上再跑一次td那个event又变回有输入和按钮的状态在html后面加上return false或event.stopPropagation()就可live的原理是绑在document上,再慢慢过滤要不要执行,所以会有这问题,on绑到动态产生的元素的上层可以达到一样效果$('td.fixed').on('click','a[name=td_fixedbutton]', ...是说closest是不是async这用debugger跑一下就知道了吧有用debugger试你就会发现刚跑完html时是有效的