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

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 的作用是打开一个 Bootstrap 对话框，其中包含 some-page.php.

的内容

我想做的是只加载 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 步。

到目前为止，通过按钮操作操作模式中的数据似乎很容易，甚至可以更改正在加载的消息-page.php。我可以很容易地将每个步骤放在一个单独的文件中，只需更改消息并更改它正在加载的页面，但如果我可以将我想要的所有表单内容放在 some-page.php 中，那么这似乎效率较低，然后使用按钮来控制显示给用户的内容和时间。

这可能吗？我加载了一个 fiddle 用于实验：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 插件中显示部分页面吗？

Possible to show part of page in Bootstrap Dialog js plugin?

javascript

jquery

modal-dialog

twitter-bootstrap