php - Bootstrap - 加载驻留在其他页面中的模态并从模态提交表单

Question

1.我有一个页面，点击按钮会弹出模式。我想做的是将所有模型移动到单独的页面。我试过这个

    $('#newSection').click(function(){
        $('#temp').load('adminmodels.php');
        $('#newSectionModal').modal('show');
    });

第一次单击时，没有任何反应。在随后的点击中，模式会自动出现并消失。请建议并更正我的代码。

2.我想从模态内部提交一个表单，然后在模态本身中显示响应。

    $(document).ready(function(){
        $('#user_button').click(function(e){
            e.preventDefault();
            $(this).attr('disabled',true);
            $.post('__admin_ajax.php',postString,function(response){
                $('#user-modal-body').html(response);
            });
        });
    });

为后续模态加载保留先前表单提交的响应。

Answer 1

我发现对于这种类型的逻辑，只使用 iframe 会更容易。

<div id="newSectionModal">
  <iframe id="modal_frame"/>
<div>

然后在代码中。

$('#newSection').click(function(){
    $('#modal_frame').attr('src', 'adminmodels.php');
    $('#newSectionModal').modal('show');
});

因为它在一个框架中，所以您可以像在它自己的窗口中一样处理表单提交。任何时候都可以通过调用window.parent来触发父框架。例如：window.parent.trigger("form-submitted")