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

Question

我需要在JQuery UI Modal表单中显示一个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'？

Answer 1

您只需要使用id=dialog

创建一个html元素

例如：

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