fancybox не работает в Firefox - PullRequest
Новая
       3

fancybox не работает в Firefox

2 голосов
/ 23 ноября 2011

Я уже немного разбираюсь в этом и застрял.

Я загрузил на свой сайт простую 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 ().

Ответы [ 5 ]

1 голос
/ 23 ноября 2011

Вот как я работал и работал в 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 голосов
/ 08 сентября 2015

переместите ссылки ваших сторонних библиотек (т.е. элементов управления jquery) до библиотек fancybox на странице.

0 голосов
/ 16 мая 2013

Когда у меня возникают проблемы с тем, что всплывающее окно Fancybox iFrame не работает в Firefox, как это происходит в Chrome или IE, я обычно добавляю это в заголовок html всплывающей страницы iFrame, а затем оно часто работает в 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 голосов
/ 24 ноября 2011

Включили ли вы другие файлы JS на странице?Если да, попробуйте удалить их.У меня никогда не возникало проблем с FF, но другие скрипты могут вызывать проблемы.

0 голосов
/ 23 ноября 2011

Согласно этому ответу , это проблема с Firefox 7. Как насчет использования FancyBox 2 вместо ?

Edit: Использование FancyBox2 с Firefox 7 у меня отлично работает локально.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...