如何设置弹出表单页面？ [复制]答案

【问题标题】：How do I setup a popup form page? [duplicate]如何设置弹出表单页面？ [复制]
【发布时间】：2011-09-25 09:13:25
【问题描述】：

可能重复：
JQuery Modal Boxes and Iframe

我有 2 个 aspx 页

1.摘要.aspx

2 Update.ascx

以上两个页面都可以正常工作。我在摘要页面上有一个链接，它可以转到 update.ascx 页面。

如何设置我的代码以使 update.ascx 在后台弹出带有不可点击的摘要页面？

【问题讨论】：

标签： c# jquery .net asp.net

【解决方案1】：

基本思想是在 iframe 中呈现 update.aspx。然后在模态 div 中显示 iframe 以及另一个 div 以阻止背景页面。

如果您使用 jQuery，有很多插件可以为您完成所有基础工作，并且还具有更好的浏览器兼容性。

Fancybox 就是这样一个插件：http://fancybox.net/home

【讨论】：

【解决方案2】：

使用 jquery 和 jquery dialog，可能类似于

<div id="popup">loading...</div>
<a id="popup_link">show popup</a>


<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $("#popup_link").bind("click", function(){
            $("#popup").load("update.aspx").dialog({modal:true});
        });
    });
</script>

【讨论】：