Javascript 为什么我使用这种方法';jQuery click事件,追加内容后';这不是工作
这里我使用jQuery版本3.1.1,为什么我使用这个方法是不可行的Javascript 为什么我使用这种方法';jQuery click事件,追加内容后';这不是工作,javascript,jquery,Javascript,Jquery,这里我使用jQuery版本3.1.1,为什么我使用这个方法是不可行的 $('input[name=“images post[]”)。在('click','input[name=“images post[]”上,函数(){ $('.menu create post.mdi camera').append('您的代码中有多个错误 实时事件必须绑定到静态元素,因此$(静态)。在('event',dynamic,function(){})上 您没有尝试将输入元素附加到的元素 在type=“file 使
$('input[name=“images post[]”)。在('click','input[name=“images post[]”上,函数(){
$('.menu create post.mdi camera').append('您的代码中有多个错误
实时事件必须绑定到静态元素,因此$(静态)。在('event',dynamic,function(){})上
您没有尝试将输入元素附加到的元素
在type=“file
使用domReady
$(文档).ready(函数(){
$(文档)。在“单击”上,输入[name=“images post[]”函数(){
$('.menu create post.mdi camera').append('');
});
});
正如@Justinas所说,您的dom中有多个错误。对于文件输入,单击时委托事件并不比更改事件好。顺便说一句,对于动态dom,您应该基于静态dom委托事件
$(函数(){
$('.span wrapper')。在(“单击“,”[name=“images post[]”上,函数(){
$('.mdi-camera')。附加('');
});
})
您还可以为click创建绑定事件,并在需要时调用它
function bindClick(){
$('input[name="images-post[]"').unbind();
$('input[name="images-post[]"').bind("click", 'input[name="images-post[]"]', function() {
$('.menu-create-post .mdi-camera').append('<input type="file name="images-post[]" accept="image/*" multiple="multiple">');
});
}
函数bindClick(){
$('input[name=“images post[]”)。取消绑定();
$('input[name=“images post[]”)。绑定(“单击”,“输入[name=“images post[]”),函数(){
$('.menu create post.mdi camera').append('Why not try.live())我想它只能在版本上工作,jQuery 1.3+@AngularSanlive
事件早在3.1.1
@Firmansyah修改后重试点击$('input[name=“images post[]”)之前就被弃用了('click',function(){});你需要再次绑定点击事件,@Justinas:D,非常棒:dw为什么每次点击时都重新绑定事件更好?这会降低代码的速度。我承认这并不总是更好,但是,如果你不想在整个文档上进行此点击事件,这会更好。没有什么可否决的。