欢迎进入西安甲骨文培训机构 乘车路线| 关于我们| 设为首页| 加入收藏
logo 服务热线
1 2 3 3

新闻动态

联系我们

咨询报名电话:
029-85568080,029-85427081
传真:029-85568080
地址:陕西省西安市长安南路355号华银大厦(西北政法大学老校区对面西安银行南侧)

优秀学员

技术中心 当前位置:首页 > 新闻动态 > 技术中心

jQuery的magnificPopup插件如何通过自定义按钮关闭弹出窗口

点击: 时间:2013-12-30
打开magnificPopup窗口:

function showWin(Ids) {
    $.magnificPopup.open({
        items : [{
            src : currentDomain+'/igc/admin_selected_goods.html?Ids='
                    + Ids,
            type : 'iframe',
            height : '150px',
            width : '500px'
        }]
    });
    return $.magnificPopup.instance;
}

关闭窗口

function closeWin(popWin){
    popWin.close();
}

查看showWin方法可见,弹出窗口是iframe类型,换句话说要在新的页面关闭当前magnificPopup窗口,那么思路如下:

1、在A页面定义一个全局的_instance变量,并调用showWin方法将返回值赋给_instance变量;

var _instance;
_instance = showWin(value);

2、在A页面定义一个closePopWin方法,在其中调用closeWin(_instance)方法;

function closePopWin(){
    closeWin(_instance);
}

3、在打开的B页面调用A页面的closePopWin方法。

function closePop(){
    window.top.frames[1].frames[1].closePopWin();
}

4、在B页面添加一个button调用closePop方法。

<input type="button" value="取消" onclick="closePop()">