Question

Github上的插件：https://github.com/nakupanda/bootstrap3-dialog

相关JS：

        $(".dialog-launch").on("click",function(e){
            e.preventDefault();
            BootstrapDialog.show({
                title: 'Basic Title',
                message: $('<div></div>').load('some-page.php'),
                buttons: [{
                    label: 'Cancel',
                    cssClass: "btn-danger",
                    action: function(dialogItself){
                        dialogItself.close();
                    }
                }, {
                    label: 'Continue',
                    cssClass: 'btn-primary',
                    action: function(){
                        // Continue Function;
                    }
                }]
            });
        });

这个js做的是打开一个带有some-page.php内容的Bootstrap对话框。

我想要做的只是加载some-page.php的一部分，如下所示：

<!-- LOAD THIS -->
<div class="first-section-to-load">...</div>
<!-- END FIRST LOAD -->

<!-- LOAD SECOND -->
<div class="second-section-to-load">...</div>
<! END SECOND SECTION -->

推理是因为我需要一个具有多个部分形式的模态。它在启动时加载步骤1，一旦用户按下继续按钮，它将移除步骤1并在其位置加载步骤2.

到目前为止，通过按钮操作操作模态中的数据似乎很容易，甚至更改了加载some-page.php的消息。我可以轻松地将每个步骤放在一个单独的文件中，只是更改消息并更改它正在加载的页面，但是如果我可以将所需的所有表单内容放在some-page.php然后使用按钮来操纵显示给用户的内容以及何时。

这可能吗？我已经加载了一个实验小提琴：http://jsfiddle.net/qyamk5m4/

Answer 1

我明白了：

    $(".dialog-launch").on("click",function(e){
        e.preventDefault();
        BootstrapDialog.show({
            title: 'Basic Title',
            message: $('<div></div>').load('some-page.php #section-one-id'),
            buttons: [{
                label: 'Cancel',
                cssClass: "btn-danger",
                action: function(dialogItself){
                    dialogItself.close();
                }
            }, {
                label: 'Continue',
                cssClass: 'btn-primary',
                action: function(dialog){
                    dialog.setMessage($('<div></div>').load('some-page.php #section-two-id'))
                }
            }]
        });
    });

可以在Bootstrap Dialog js插件中显示部分页面吗？

1 个答案: