Ошибка «не является функцией» в скрипте jquery - PullRequest
Новая
       19

Ошибка «не является функцией» в скрипте jquery

0 голосов
/ 17 марта 2012

Я работаю над демонстрацией со скриптом jquery carousel и полосами прокрутки jScrollpane со ссылками якорей, но, похоже, не могу заставить его работать должным образом.Может кто-то указать, что мне здесь не хватает в скрипте?

Через firebug я получил сообщения об ошибках:

"Возобновление отладчика: ошибка во время цикла отладки: TypeError: firstViewRangeElement равен нулю"

$(".scroll-pane-arrows").jScrollPane is not a function

$ ('. Стрелки-панели прокрутки'). JScrollPane (my_jscrollpane_opts); из: jquery.contentcarousel.js (строка 272) 

syntax error

} из: index.html (строка 525)

Ответы [ 3 ]

2 голосов
/ 17 марта 2012

Вы вызываете jScrollPane до того, как фактически включаете его определение. Если вы просматриваете источник в Chrome

view-source:http://members.chello.nl/j.bemmel2/carousel_/

и посмотрите на строки 512 - 518, у вас есть: 

<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<script type="text/javascript">
    $('#ca-container').contentcarousel();
</script>
<!-- the Scrollbar script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

Вы вызываете .contentcarousel (), который вызывает jScrollPane, но без предварительного включения jscrollpane.min.js

Что вам нужно сделать, это иметь

<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>

до вызова .contentcarousel(), как указано ниже: 

<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
<!-- the Scrollbar script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
    $('#ca-container').contentcarousel();
</script>
0 голосов
/ 16 января 2014

Проверьте версию JQuery.

$ (Selector). Live (events, data, handler); / / jQuery 1.3 + 
$ (Document). Delegate (selector, events, data, handler); / / jQuery 1.4.3 + 
$ (Document). On (events, selector, data, handler); / / jQuery 1.7 + 

=> $ El.find ('a.ca-more'). Live ('click.contentcarousel', function (event) {
change $ (Document). On ('click', 'a.ca-more', function (event) {

=> $ el.find ('a.ca-close'). live ('click.contentcarousel', function (event) {
change $ (Document). On ('click', 'a.ca-close', function (event) {
0 голосов
/ 17 марта 2012

также удалите запятую (,) из строки ниже (строка № 524) 

$('.scroll-pane').jScrollPane();
{
  hijackInternalLinks: true //remove comma from here
}

это решит вашу ошибку 

syntax error
} from: index.html (line 525)
...