jquery dialog 使用url加载使用方法

jQuery UI Dialog 可以使用 `ajax` 或 `iframe` 的方式来加载内容。如果您想使用 `url` 的方式加载内容，可以按照以下步骤操作：

1. 首先，在需要弹出对话框的元素上添加一个 `data-url` 属性，用于指定需要加载的页面的地址，例如：

<button id="btnOpenDialog" data-url="http://example.com/dialog.html">打开对话框</button>

2. 在 JavaScript 中，使用 `$.get()` 方法获取指定页面的内容，并将其添加到对话框中。这个过程可以在对话框的 `open` 事件中完成，例如：

$(function() {
  $("#dialog").dialog({
    autoOpen: false,
    modal: true,
    open: function() {
      var url = $(this).data("url");
      $(this).load(url);
    }
  });
  
  $("#btnOpenDialog").click(function() {
    $("#dialog").data("url", $(this).data("url")).dialog("open");
  });
});

在上面的代码中，我们首先创建了一个名为 `dialog` 的对话框，并将其隐藏。然后，当用户点击 `#btnOpenDialog` 元素时，我们将 `data-url` 属性的值保存在对话框的 `data` 中，并弹出对话框。在对话框的 `open` 事件中，我们使用 `$(this).data("url")` 获取之前保存的地址，并使用 `$(this).load(url)` 方法将页面内容加载到对话框中。

最后，需要注意的是，加载远程内容可能会涉及到跨域问题，需要在服务器端进行相关配置。