Javascript 如何在新插入的Dom元素上绑定行为?
在我的网站上,我有通过AJAX加载的按钮。如何确保jQueryJavascript 如何在新插入的Dom元素上绑定行为?,javascript,ajax,jquery,Javascript,Ajax,Jquery,在我的网站上,我有通过AJAX加载的按钮。如何确保jQueryhide()操作应用于将来插入DOM的所有按钮? 据我所知,on()仅在注册事件(例如,单击)时有效 <button class="myButtton">Button</button> 您可以使用jquery函数 这也会将该行为应用于稍后添加到dom中的元素 $(document).on('click','.elementClass' , function(e){ // do something }
hide()
操作应用于将来插入DOM的所有按钮?
据我所知,on()
仅在注册事件(例如,单击)时有效
<button class="myButtton">Button</button>
您可以使用jquery函数 这也会将该行为应用于稍后添加到dom中的元素
$(document).on('click','.elementClass' , function(e){
// do something
});
使用css在插入时有一个隐藏按钮更容易。hide()基本上是在css显示中:无 然后,当您准备好显示它时,只需使用$(“.myButton”).show();阿卡
在将内容apply
myButton
类添加到元素时,我不明白最后一句话与问题有什么关系,但请确保引用您的选择器:$(“.myButton”).hide()如果愿意,还可以在插入元素之前对元素使用.hide()。用jQuery、.hide()
和和.appendTo()
或类似的方式包装。为什么不调用$(“.myButton”).hide()代码>插入新元素后…因为我不习惯在Ajax代码中加载JQuery内容,所以我写道我不想绑定click事件。我想在插入dom后绑定一个类似hide()的函数
$(document).on('click','.elementClass' , function(e){
// do something
});
.myButton {
display: none;
}
.myButton {
display: none;
}