2011-11-23 88 views
2

我一直在调查这一点,现在已经成为卡住。fancybox不工作在Firefox中

我已经加载了一个简单的fancybox弹出到我的网站上,它适用于IE9和Chrome完美,但由于某种原因它不工作在Firefox中。

我在使用IIS

代码为incudes时刻运行这个局部是:

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

    /* This is basic - uses default settings */ 

    $("a.imagepop").fancybox(); 

}); 
</script> 

和HTML是:

<a class="imagepop" href="/wp-content/uploads/2011/11/imageTest1.png"><img class="alignnone size-full wp-image-30" title="imageTest1" src="http://localhost:8084/wp-content/uploads/2011/11/imageTest1.png" alt="" width="327" height="328" /></a> 

我曾试图用萤火但它告诉我的是:使用getAttributeNodeNS()已被弃用。改用getAttributeNS()。

+0

您使用的是哪个版本的Firefox?你有没有尝试过使用FancyBox 2而不是1.3.4? –

+0

虐待那一个,并在ff7刚刚升级到8 – odd

+0

我刚刚尝试过Firefox最新版本9,并且效果很好!以及您使用的是哪个版本?并且您是否包含“CSS”。 – coder

回答

1

这是我如何做,并在Firefox中运行良好:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
    <link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" 
     type="text/css" /> 
    <script src="jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script> 
    <script src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 



    <script type="text/javascript"> 
    $(document).ready(function() { 

     /* This is basic - uses default settings */ 

     $("a.imagepop").fancybox(); 

    }); 
    </script> 

    <div> 
    <a class="imagepop" href="http://wallpapers.leovacity.be/images/Beautiful_flowers.jpg"><img class="alignnone size-full wp-image-30" title="imageTest1" src="http://wallpapers.leovacity.be/images/Beautiful_flowers.jpg" alt="" width="327" height="328" /></a> 
    </div> 
+0

更新到fb2,它的工作原理 – odd

+0

太棒了!很高兴它帮助你。 – coder

0

According to this answer,这是Firefox 7的问题。使用FancyBox 2 instead怎么样?

编辑:使用FancyBox 2与Firefox 7在本地工作正常。

+0

谢谢你们,我刚刚更新到FB2,它的工作原理...不知道有一个v2 – odd

0

已包含在该页面的JS文件?如果是,请尝试删除它们。我从未遇到FF中的问题,但其他脚本可能会导致问题。

+0

fb 2解决了这个问题,欢呼 – odd

0

当我有问题的fancybox的iFrame弹出Firefox中不工作像它在Chrome或IE浏览器,我通常添加到了内嵌框架弹出页面的HTML标题,然后经常在Firefox:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
0

在页面上的fancybox库之前移动第三方库(即jquery控件)的引用。

+0

欢迎来到Stack Overflow!请不要在多个问题上发布相同的答案。发布一个很好的答案,然后投票/标记以重复关闭其他问题。如果问题不重复,*定制您的问题答案。* – durron597