Question

可能重复：
JQuery Modal Boxes and Iframe

我有 2个aspx 页面

1。 Summary.aspx

2 Update.ascx

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

如何设置我的代码以在后台使用无法点击的摘要页面进行update.ascx弹出窗口？

Answer 1

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

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

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

Answer 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>

如何设置弹出表单页面？

2 个答案: