Question

我现在一直在研究这个问题而且已经陷入困境。

我已经加载了一个简单的fancybox弹出到我的网站上，它在IE9和Chrome中运行完美，但由于某些原因它在Firefox中根本不起作用。

我正在使用IIS

在本地运行此功能

包含的代码是：

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

我曾试图使用firebug，但它告诉我的是：不推荐使用getAttributeNodeNS（）。改为使用getAttributeNS（）。

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

Answer 2

According to this answer，这是Firefox 7的问题。如何使用FancyBox 2 instead？

编辑：使用FancyBox 2和Firefox 7在本地运行正常。

Answer 3

您是否在页面中包含了其他JS文件？如果是，请尝试删除它们。我从未在FF中遇到过问题，但其他脚本可能会导致问题。

Answer 4

当我遇到Fancybox iFrame popup无法在Firefox中工作时，就像在Chrome或IE中一样，我通常将其添加到iFrame弹出页面的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">

Answer 5

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

fancybox没有在firefox中工作

5 个答案: