jquery - 将内容加载到已经打开的 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")更具体...仅选择要在对话框中加载的任何链接。此外，这些页面应该只是片段，或者使用不同的选择器，例如，如果你想要<div id="content">from 中的页面href，它看起来像这样：

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