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”）

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

1 个答案: