我正在使用Codeigniter，在jQuery上使用load函数加载页面后，button出现问题。
首先加载reg_form.php，然后在保存数据后，它将加载page-content类以查看数据列表，但当我尝试使用button再次转到reg_form.php时，没有任何React。JS无法在当前加载的页面上工作
注册表.php
<html>
<body>
<div class="page-content">
<label>Name:</label><br>
<input type="text" id="name">
<button id="save"></button>
</div>
</body>
</html>注册表列表.php
<html>
<body>
<div class="page-content">
<button id="reg_form"></button>
</div>
</body>
</html>注册表项
$('#reg_form').click(function(){
$(".page-content").load('reg_form');
});
$('#save').click(function(){
var name = $('#ame').val();
$.ajax({
url:"gatepass/save",
method: 'POST',
data:{
name:name
},
success:function(data){
$(".page-content").load('reg_list');
}
});
});
2条答案
按热度按时间relj7zay1#
使用下述溶液。
这对你有帮助。
mbjcgjjk2#
在DOM加载后添加的内容中的选项卡和事件应使用
.on()函数定义，如下所示.delegate()的使用已停止：例如，如果您在DOM加载后将下面的按钮添加到div中，并且希望该按钮在单击时显示“You clicked me”，则代码将为：
第一次