我有一个名为class =" iframe"的弹出式视图的链接。 我计划在那些弹出窗口中设置一个表单,但我的问题是我需要关闭那些弹出后点击提交然后我的原始页面,或我的弹出背景将刷新它自己。 我的剧本:
<script src="<?php echo base_url(); ?>template/popup/jquery.colorbox.js"></script>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".iframe").colorbox({iframe:true, width:"50%", height:"78%"});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
&#13;
<a class='iframe' href="#">POP UP </a>
&#13;
答案 0 :(得分:0)
使用window.open
打开弹出窗口,并将其保存到变量中。该变量将指向该窗口对象。您可以稍后在此变量上调用.close
。
var url = 'http://yourwebsite.com/subpage-within-your-website.html';
popup_window = window.open(url);
popup_window.close();
注意:由于Javascript对iframe的安全限制,这仅在属于同一域的网页上调用时才有效。我还写了一个jsFiddle,但看起来他们启用了沙箱,可以阻止iframe访问。
This page有一个有效的例子。 Source code