jquery - fancybox 无法在 Firefox 中工作

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>