Не могу заставить fancybox работать - PullRequest
Новая
       13

Не могу заставить fancybox работать

0 голосов
/ 07 августа 2011

Я новичок в jquery, поэтому я прошу прощения, потому что я уверен, что это очень легко. Потратил половину дня, пытаясь понять это, и все равно не получил.

У меня запущен другой скрипт jquery, и он работает правильно. Я попытался добавить fancyfox, и он просто не будет работать. Я даже пытался создать свою собственную страницу, просто чтобы посмотреть, смогу ли я заставить ее работать, и нет такой удачи. Я действительно понятия не имею, что я делаю неправильно. Я вставил код страниц ниже. Любая помощь очень ценится. Я также использую Dreamweaver и заметил, что файлы .js для других jquery прилагаются. Я понятия не имею, как я их прикрепил, но я не вижу файлы .js для fancybox. 

    <!-- The JavaScript -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>      
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
    <script type="text/javascript">
        $(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);
                /*
                if you want to use one of the easing effects:
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1500,'easeInOutExpo');
                 */
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1000);
                event.preventDefault();
            });
            $(".fancyimg").fancybox();
        });
    </script>
</body>

1 Ответ

0 голосов
/ 07 августа 2011

прежде всего

одна из этих строк не нужна 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>      
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

, и я предлагаю вам удалить secend, потому что эти строки содержат библиотеку jquery, а первая -последняя и последующая версии включают версию 1.4

, теперь после этого попробуйте выполнить этот тест, чтобы проверить, загружены ли "fancybox"

, напишите этот код 

  alert($(".fancyimg").fancybox);

это предупреждает вас, неопределенный или обнуляет это признак того, что коробка fancybox не включена.если это предупреждает вас строки кода, это хорошо.и проблема не в том, чтобы включить его, может быть, в HTML CSS или вы не определили fancybox правильно.

...