谁能解释为什么此代码有效:
$(document).ready(function(){
$("#file").on('change',function(){
$("#selected_files_div").append("<input type='button' class='red_button'>");
$(".red_button").on('click', function(){
// do something
});
});
});
但这不起作用吗?
$(document).ready(function(){
$("#file").on('change',function(){
$("#selected_files_div").append("<input type='button' class='red_button'>");
});
$(".red_button").on('click', function(){
// do something
});
});
追加始终有效,但click事件仅在第一种情况下有效。
尝试使用事件委托将父项上的click事件绑定:
$("body").on('click',".red_button", function(){
// do something
});
在此处了解更多信息什么是DOM事件委托?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句