[问题] jquery 问题请教

楼主: guardlan (亚修)   2018-05-27 01:12:37
小弟想要制作个点击表格字段可以直接修改的网页
不过遇到很奇怪的问题
也是找很久才发现,如果加上 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/
作者: a65162   2018-05-27 01:15:00
提个外话 建议你把 live 改成 on
楼主: guardlan (亚修)   2018-05-27 01:43:00
我的按钮是后来才产生的on好像不能用?
作者: ssccg (23)   2018-05-27 01:46:00
html跑完后,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时是有效的
楼主: guardlan (亚修)   2018-05-27 01:57:00
感谢ss大跟a6大...这样我了解了我jquery是自学的...可能很多观念不太对...见笑了

Links booklink

Contact Us: admin [ a t ] ucptt.com