Question

在button上使用load功能加载页面后，我使用 Codeigniter 并在jQuery上遇到问题。

首先加载

reg_form.php，然后在保存数据后，它会加载page-content类以查看数据列表，但是当我尝试再次使用reg_form.php时button，没有任何反应。

JS无法处理当前加载的页面

reg_form.php

<html>
  <body>
    <div class="page-content">
      <label>Name:</label><br>
      <input type="text" id="name">
      <button id="save"></button>
    </div>
  </body>
</html>

reg_list.php

<html>
  <body>
    <div class="page-content">
      <button id="reg_form"></button>
    </div>
  </body>
</html>

reg.js

$('#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');
    }
  });
});

Answer 1

使用下面提到的解决方案。

$(document).on('click','#reg_form',function(){
    $(".page-content").load('reg_form');
});

$(document).on('click','#save',function(){
  var name = $('#ame').val();
  $.ajax({
    url:"gatepass/save",
    method: 'POST',
    data:{
      name:name
    },
    success:function(data){
      $(".page-container").load('reg_list');
    }
  });
});

这会对你有帮助。

jQuery-加载内容后Button无法正常工作

1 个答案: