Question

当用户点击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>

任何想法如何使其正常工作？

Answer 1

尝试拨打$j.fancybox.close();而不是$j.fn.fancybox.close();

Answer 2

<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a>

Answer 3

<a href="" onclick="window.parent.parent.location.reload();">Close this</a>

Answer 4

这应该有效：

PROCESSED

如果你想从 iframe 中关闭fancybox，试试这个：

$.fancybox.close();

Answer 5

检查一下。

How to open links from inframe outside of it?

似乎target="_top"完成了工作！

如何使用链接关闭Fancybox

5 个答案: