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

Question

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

父：

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

对话框弹出窗口：

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

Answer 1

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

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

只需将$("a")更改为更具体一点......只需在对话框中选择要加载的链接。这些页面也应该只是片段，或者使用不同的选择器，例如，如果您想要<div id="content">页面中的href，它看起来像这样：

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