日期:2014-05-16  浏览次数:20661 次

jquery关闭弹出层
点击A页面添加按钮btnAdd,弹出层;代码如下:

 var strUrl = "/BaseInfoMgr/Organization/AddOrganization?" + Math.random();
 $("#dialog-modal").load(strUrl);
ShowDialog();
function ShowDialog() {
            $("#dialog").dialog("destroy");
            $("#dialog-modal").dialog({
                width: 700,
                height: 500,
                modal: true,
                close: function () {
                    window.close();
                }
            });

            $("#dialog-modal").dialog("option", "buttons", {
            });
        }


dialog-modal是 A页面的一个DIV
Div中加载一个新页面B,B页面点击添加按钮btnAddB 后 ,要求关闭弹出层。如何实现?

------解决方案--------------------
用的什么框架easyui还是jquery的ui?

 $("#dialog-modal").load(strUrl,function(){ShowDialog();});//放到回调里面来
//ShowDialog();

------解决方案--------------------
没问题啊。b页面你加载了什么内容?
<input type="button" id="btnAddB" value="Close" />
<script>    $("#btnAddB").click(function () {
        $("#dialog-modal").dialog("close")
    })
</script>


不要放jquery,ui框架之类的js,不需要

------解决方案--------------------
弹出层也是在iframe里面没问题,如果是在父页就找不到了
------解决方案--------------------
在A页面写个关闭弹出页面的JS方法。之后B页面用parent调用A页面的方法。
------解决方案--------------------
parent.closeDialog();