![](/img/trans.png)
[英]FancyBox how can I close active fancybox when link is clicked and open another fancybox?
[英]How to Close Fancybox with a Link
当用户单击fancybox 内的链接时,我需要能够关闭Fancybox。
我努力了:
href="javascript:$j.fn.fancybox.close();"
(注意我使用 jQuery 没有冲突,因此 $j)`
当我尝试它时它不起作用,我在 Firebug 中收到一个错误,说$j.fn.fancybox.close is not a function.
注意:我使用的是 Fancybox 版本 1.3.4
这是 Fancybox 的脚本:
<script type="text/javascript" >
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#start").fancybox({
'padding' : 0
});
</script>
Fancybox 的 HTML 代码:
<div class="hide">
<img src="/Images/skin/spacer1x1.png" onload="$j('#start').trigger('click');" />
<a href="#welcome" id="start"></a>
<img style="width:700px; height:600px;" id="welcome" usemap="#Map" alt="PLEASE VIEW PAGE WITH IMAGES ON" src="/Images/start/start.png" />
<map id="Map" name="Map">
<area alt="See Message Examples" href="/artistphotos/" coords="29,431,301,465" shape="rect" />
<area alt="Enter Site" href="javascript:$j.fn.fancybox.close();" coords="436,433,567,464" shape="rect" />
</map>
</div>
任何想法如何让它正常工作?
尝试调用$j.fancybox.close();
而不是$j.fn.fancybox.close();
<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a>
这应该有效:
$.fancybox.close();
如果你试图从 iframe 内部关闭fancybox,试试这个:
window.parent.$.fancybox.close();
<a href="" onclick="window.parent.parent.location.reload();">Close this</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.