$.fancybox.close() 不起作用

Question

我知道这个问题已经讨论过很多次了，但我尝试了所有建议，但没有一个不起作用。我正在使用带有 href 属性的 fancybox，其中内容是使用 ajax 加载的。

$('a').fancybox(
        {
            href:'ajax/test.php',
            titleShow:false
        }); 

在内容中，我有自定义关闭按钮

<a href="javascript:void(1)" title="close" onclick="$.fancybox.close()">Pirkti prekes</a>

，当我单击该按钮时，我得到 $.fancybox 未定义。

Answer 1

它应该看起来像这样，而不是进行 onclick

$('a').click(function(){
 $(this).fancybox.close();
});

Answer 2

我不确定 fancybox 的情况，但您的 href 属性应该只是一个“#”，在 onclick 处理程序末尾带有“return false”。

Answer 3

我认为你的问题是因为你正在将 ajax 内容加载到 iframe 中？

。

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

另外，当使用与我的页面标题脚本中初始化 fancybox 相同的选择器时，以下内容也适用于我

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

其中 a.myclass 用作 fancybox 的选择器，如下

$("a.myclass").fancybox({
  'frameWidth':  920,
  'frameHeight':  705 //with whatever other attributes you want to define
});

编辑：请参阅 Fancybox Google Group http://groups.google.com/group/fancybox/browse_thread/thread/a6eaf87875b93829

Answer 4

有时我有同样的问题，并使用：

parent.$('body').fancybox.close();

或

$('body').fancybox.close();

或

 $.fancybox.close();

Answer 5

我使用下面的代码。一般都可以用

$('.fancybox-close').click();