2011-08-05 51 views
4

我需要当用户单击fancybox内的链接时关闭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> 

HTML代码的fancybox:

<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> 

任何想法如何得到这个正常工作?

回答

12

尝试调用$j.fancybox.close();而不是$j.fn.fancybox.close();

+0

就是这样。现在效果很好。谢谢=> – L84

11
<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a> 
0
<a href="" onclick="window.parent.parent.location.reload();">Close this</a>