easySlider 1.7 undefined не является функцией? - PullRequest
Новая
       21

easySlider 1.7 undefined не является функцией?

1 голос
/ 19 февраля 2012

Я новичок в jQuery, и я впервые использую кодирование jQuery в своих макетах. Я использую Dreamweaver, который был прекрасен и великолепен, с кодированием все в порядке, и easySlider работал отлично. Только когда я загрузил его онлайн, мой скрипт не работал.

Я искал по всему сайту, так как видел некоторых людей с такими же проблемами, но я попробовал все, что было сказано, и это все еще не работало. Так что я надеюсь, что кто-нибудь может помочь мне здесь!

Вот сообщение об ошибке: 

scripts.js:10TypeError: 'undefined' is not a function (evaluating '$("#slider").easySlider')

Вот мой код: 

    <link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jQuery/easyslider1.7/js/easySlider1.7.js"></script>
<script type="text/javascript" src="../jQuery/scripts.js"></script>

</head>

...

<div id="slider">
    <ul>

    <li><img src="images/scroll9.jpg" /></a></li>
    <li><img src="images/scroll2.jpg" /></a></li>
    <li><img src="images/scroll3.jpg" /></a></li>
    </ul>

</div>

И мой CSS: 

#slider ul, #slider li{
    margin: auto auto auto auto;
    padding: 0;
    list-style: none;
    }

#slider, #slider li{ 
    width: 1018px;
    height: 340px;
    overflow: hidden; 
    margin: auto auto auto auto;
    }

    span#prevBtn{}
    span#nextBtn{}

и мои scripts.js: 

// JavaScript Document
$(document).ready(function(){
    $("#slider").easySlider({
                    controlsShow: false,
                    auto: 'true',
                    continuous: 'true',
                    prevText: '',
                    nextText: '',
                    speed: 500,
                    pause: 4000

    });
});

Заранее спасибо!

1 Ответ

0 голосов
/ 20 февраля 2012

Убедитесь, что ваши js-файлы jquery / easySlider находятся в каталоге, указанном вами в <head> - используйте что-то вроде Firebug, чтобы убедиться, что они загружены правильно - см. Вкладку сети

...