将内容加载到已经打开的 jQuery 对话框中

Question

单击打开的对话框中的链接后，内容将加载到我打开该对话框的父窗口中。 如何强制将内容加载到对话框而不是父对话框中？

父级：

dialogDiv = $(document.createElement('div'));
dialogDiv.dialog(myProps);
dialogDiv.html(myData);
dialogDiv.dialog('open');

弹出对话框：

<a href="mysite.com">click</a>    

Answer 1

您只需在对话框中使用 .load() < ;div> 和 event.preventDefault()在锚点上（以防止正常的 go-to-href 行为），如下所示：

$("a").click(function(e) {
  dialogDiv.load(this.href);
  e.preventDefault();
});

只需将 $("a") 更改为更具体一点...仅选择您想要的任何链接加载到对话框中。此外，这些页面应该只是片段，或者使用不同的选择器，例如，如果您想要 href 中页面的

，它看起来像这样：

dialogDiv.load(this.href + " #content");