繁体   English   中英

如何使用链接关闭 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>

看一下这个。

如何从inframe之外打开链接呢?

似乎target="_top"完成这项工作!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM