Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在新插入的Dom元素上绑定行为?_Javascript_Ajax_Jquery - Fatal编程技术网

Javascript 如何在新插入的Dom元素上绑定行为?

Javascript 如何在新插入的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 }

在我的网站上,我有通过AJAX加载的按钮。如何确保jQuery
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()
.appendTo()
或类似的方式包装。为什么不调用
$(“.myButton”).hide()插入新元素后…因为我不习惯在Ajax代码中加载JQuery内容,所以我写道我不想绑定click事件。我想在插入dom后绑定一个类似hide()的函数
$(document).on('click','.elementClass' , function(e){
     // do something
});
.myButton {
  display: none;
}
.myButton {
  display: none;
}