php - 从视图加载的codeigniter内的模态

Question

如何将页面（即忘记密码模式：）加载http://localhost/CI/index.php/forgot/forgotModal到我的登录页面中显示模式的 div 中。由于各种原因，比如它需要唯一的控制器，我不能将它包含在login. 在我的页面末尾，我打电话给：

<script>
jQuery(document).ready(function() {  
  App.init();
  $('#forgot-form').load('http://localhost/CI/index.php/forgot/forgotModal');
});
</script>

我能够加载模式，但提交按钮不起作用。

Answer 1

您没有提供足够的信息来解决问题，但我会做出有根据的猜测。您可能有一个处理表单提交的 JavaScript 方法。此方法绑定到模式中显示的按钮上的单击事件。绑定可能看起来像这样：

$(document).ready(function() {
    $('.submit').click(function() {
        handleForm();
    });
});

问题是当页面加载并执行绑定时，提交按钮不是 DOM 的一部分。您要做的是使用 .on() 方法并委托给 DOM 树更上层的节点，该节点是原始页面加载的一部分。例如：

$(document).ready(function() {
    $('body').on('click', '.submit', function() {
        handleForm();
     });
});