从远程文件卸载jQuery iFrame

时间:2013-11-15 08:54:44

标签: jquery iframe popup

我已经获得了以下基于jQuery的iFrame弹出窗口并且正常工作。当使用正确的参数调用函数loadFrame时,我的外部内容将加载到灯箱样式弹出窗口中。然后,我可以通过点击icon_close.png图片来卸载iframe。

有没有办法让我加载的页面(frame.php)也能以某种方式卸载iframe?因为有时我的弹出窗口会做一些处理并显示处理消息,但是当我的frame.php上的处理完成后,我想要一种方法让frame.php文件卸载iframe

function loadFrame(id, content){
     $('body').append('<div id="overlayFrame" style="position:absolute;width:100%;height:100%;top:0px;left:0px;background: rgb(0, 0, 0); opacity: 0.8;"></div>');
    iframecontent.style.display="block";
    $('#iframecontent').html('<div id="iframe_'+id+'" style="position:relative;width:520px;"><div style="width:100%;text-align:right;"><img src="icon_close.png" border="0" onclick="unloadFrame(\''+id+'\')" data-tar="'+id+'" style="cursor: pointer;"></div><iframe src="frame.php?content=' + content + '&sid='+ id +'&cmd=1" name="frame" id="frame"></iframe></div>');
}

function unloadFrame(id){
    var iframeid = "#iframe_"+id;
    var overlayframe = "#overlayFrame";
    $(iframeid).remove();
    $(overlayframe).remove();
    iframecontent.style.display="none";
}    

0 个答案:

没有答案