javascript - 如何使用链接关闭 Fancybox

Question

我需要能够在用户单击 fancybox 内的链接时关闭 Fancybox。

我试过:
href="javascript:$j.fn.fancybox.close();"
(注意我使用的 jQuery 没有冲突，因此 $j)`

当我尝试它时它不起作用，我在 Firebug 中收到一个错误，提示 $j.fn.fancybox.close 不是一个函数。

注意:我使用的是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> 

有什么办法让它正常工作吗？

Answer 1

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