如何使用 jQuery 在对话框中打开页面？答案

【问题标题】：How do i Open a page in a dialog box using jQuery?如何使用 jQuery 在对话框中打开页面？
【发布时间】：2010-07-15 12:25:53
【问题描述】：

当用户单击“登录”链接时，我需要在对话框中打开login.aspx 页面。我看过 jQuery UI Dialog，但它似乎无法从给定的 URL 打开整个页面？

你们有什么我可以使用的提示吗？

【问题讨论】：

标签： c# .net javascript jquery

【解决方案1】：

你可以创建一个<iframe> 和.dialog() 来获得你想要的东西，简而言之。 Elijah Manor has a full post with code on how to do this.

这是一个快速版本：

$('<iframe src="login.aspx" />').dialog({
   title: 'Login',
   width: 600,
   height: 400,
   modal: true,
}).width(570).height(370); //give it a bit of padding

【讨论】：

谢谢，效果很好。您是否知道在用户登录后我如何自动关闭对话框？由于它是 IFrame 内容，我可能无法从该页面关闭 Dialog 窗口？
@Steven - 给<iframe> 一个ID，比如id="LoginFrame"，然后在子页面中你可以使用window.parent.$('#LoginFrame').dialog('destroy').remove() 或者只是.dialog('close')，如果你不想删除它。

【解决方案2】：

使用<iframe>。

【讨论】：