我正在使用fancy box创建一个弹出窗口并使用 iframe 加载另一个页面。这是我的代码
<script type="text/javascript">
$(document).ready(function() {
$('.calendar .day').click(function() {
day_num = $(this).find('.day_num').html();
day_data = prompt('Enter Stuff', $(this).find('.content').html());
if (day_data != null) {
$.ajax({
url: window.location,
type: 'POST',
data: {
day: day_num,
data: day_data
},
success: function(msg) {
location.reload();
}
});
}
});
});
$(document).ready(function(){
$("a.iframeFancybox1").fancybox({
'width' : 800,
'height' : 650,
'overlayOpacity' : '0.4',
'overlayColor' : '#000',
'hideOnContentClick' : false,
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe'
});
});
</script>
它成功加载页面并执行操作。但它不是关闭弹出窗口表单,而是在弹出窗口本身内加载弹出窗口源表单。我想在工作完成后关闭弹出窗口并返回到生成弹出窗口的主菜单页面。如何通过单击弹出表单的按钮来实现此目的。
问候,兰加纳
最佳答案
调用$.fancybox.close();
另请参阅 post 中的答案
- How can I close FancyBox from other element? ?
Just call
$.fn.fancybox.close()
on your onClick event
所以你应该能够添加fn
。
关于javascript - 如何通过单击按钮关闭 jQuery fancybox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4398740/