我正在使用精美的框创建弹出窗口,并使用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>
它成功加载页面并执行相应的操作。但是,它没有关闭弹出窗体,而是在弹出窗口本身内部加载了弹出源窗体。我想在工作完成后关闭弹出窗口,然后返回到从其生成弹出窗口的主菜单页面。如何在弹出窗口的按钮单击上实现此目的。
此致Rangana
拨电至 $.fancybox.close();
$.fancybox.close();
根据http://fancybox.net/faq
如何从其他元素关闭FancyBox?? 只需致电$.fn.fancybox.close()您的onClick事件
只需致电$.fn.fancybox.close()您的onClick事件
$.fn.fancybox.close()
因此,您应该只能添加fn。
fn