如何在 JQuery UI 对话框中加载另一个 HTML 页面？答案

【问题标题】：How do I load another HTML page inside a JQuery UI Dialog box?如何在 JQuery UI 对话框中加载另一个 HTML 页面？
【发布时间】：2013-05-15 21:03:00
【问题描述】：

我需要在 JQuery UI 模态表单中显示一个 HTML 页面来收集数据。其他在线解决方案告诉我这样做：

var scanDialog = $( "#dialog" ).dialog({
                  modal: true,
                  buttons: {
                    "Scan": function() {
                      $( this ).dialog( "close" );
                    },
                    Cancel: function() {
                      $( this ).dialog( "close" );
                    }
                  }
                });

             scanDialog.load(url).dialog('open');

这不起作用，只会加载一个空对话框。将页面加载到对话框中的正确方法是什么？

我要加载的 HTML 页面在目录结构中是 2 级。获取网址的正确方法是：'../page.html'？

【问题讨论】：

请也发布您的 html 代码
你所拥有的应该可以工作，确认 ../page.html 是正确的路径。
尝试使用 firebug 并检查调用是否抛出 200 ok 或 404 错误
你有没有得到解决这个问题的方法

标签： jquery html jquery-ui dialog jquery-ui-dialog

【解决方案1】：

你只需要用id=dialog创建一个html元素

例如：

<div id="dialog">
//some other stuff here
</div>

【讨论】：