TypeError: $(...).owlCarousel-это не функция

TypeError: $(...).owlCarousel-это не функция

09.02.2014 07:57:34 Просмотров 84 Источник

У меня возникли проблемы с добавлением этой карусели в мой шаблон prestashop.

Он возвращает мне следующую ошибку:

TypeError: $(...).owlCarousel-это не функция навигация : правда

И код, используемый для инициализации это один

$(document).ready(function() {
  $("#owl-demo").owlCarousel({
    navigation : true
  });
});

Я пытаюсь решить ее, но кажется невозможным, так как на пустой html-странице она работает, но не тогда, когда я использую ее на Prestashop.

Есть зацепки?

Спасибо.

У вопроса есть решение - Посмотреть?

Ответы - TypeError: $(...).owlCarousel-это не функция / TypeError: $(...).owlCarousel is not a function

user2831723

10.02.2014 01:22:57

Попробуйте использовать теги {literal} {/literal}. Обычно рекомендуется поместить javascript внутри этих тегов .файлы TPL (Смарти) . Javascript может работать без тегов, но иногда может возвращать ошибку ( например, в вашем случае )

БР по

https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32749383_21665213
Я тоже пробовал это, но держится без работы. Это просто заставляет меня возвращать мне ту же ошибку.
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32757819_21665213
как вы тянете js в файл ? Вы используете pretsatshop определенных путей в .php (независимо от того, какой файл ядра / модуля отображает ur .файл файл TPL)? Пример здесь: $этом->контекст->контроллер->addJS(($этом->_path).мнения/Яш/ваш.Яш');
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32758953_21665213
Я просто добавляю скрипт между тегами <script> в заголовке.ТПЛ
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32762274_21665213
Вы собираетесь использовать этот скрипт на каждой странице ? И даже тогда вы все равно должны добавить его так ( если вы используете его в модуле, например) в вашем случае prestashop будет загружать скрипт каждый раз, даже когда он не используется.
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32766697_21665213
Я просто хочу использовать его на главной странице (в противном случае, спасибо, что предупредили меня об этом, будет отображаться на каждой странице). Поэтому мне придется добавить скрипт на prestashop .в PHP путь и добавить скрипт? А как насчет начала функции? На php файл тоже? Или мне придется сделать еще один JS-файл с функцией?
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32806522_21665213
Единственная причина, о которой я могу думать, заключается в том, что ваша ссылка на javascript неверна, поскольку функция не может выполняться. Чтобы отобразить что-то только на главной странице без редактирования некоторых модулей или основных файлов, используйте следующее: {if $page_name = = 'index'} {/if}
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32808882_21665213
Эй user2831723, я дам попробовать позже. В противном случае я задаю тот же вопрос на форумах prestashop, и с помощью модераторов мы проверили код и путь правильный
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/21665213#comment32809311_21665213
Я постараюсь сделать некоторые тесты, когда у меня будет немного времени. Я тебе перезвоню :)
Является ответом!
Manoj Verma

08.02.2015 07:28:48

Добавить owl.carousel.min.jsфайл на вашей домашней странице и перед файлом в котором вы используете добавьте следующий код:

$("#owl-demo").owlCarousel({
    navigation : true
  });

Тогда только это будет работать.

Tom

23.06.2016 05:29:01

Вы получите эту ошибку, если файл jquery загружается после файла owl carousel.

(Убедитесь, что ваша ссылка на jQuery выше сова карусель ссылка на JS файл)

https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/37994549#comment63433985_37994549
Спасибо, что начали этот ответ. Попробуйте предложить понимание того, где они могут искать проблему и как они могут решить эту проблему.
Nolwennig

01.09.2016 05:40:48

Если загрузка файлов JavaScript зависит от некоторой задержки, вы можете проверить, определена ли функция перед ее вызовом.

Проверьте с помощью jQuery.isFunction

if($.isFunction('owlCarousel')){
  $("#owl-demo").owlCarousel({
    navigation : true
  });
}

Проверьте с помощью оператора JavaScript typeof

if(typeof owlCarousel === 'function') { 
  $("#owl-demo").owlCarousel({
    navigation : true
  });
}
Gowthaman

03.03.2017 06:13:48

Добавьте файл Jquery и сову.js-файл в раздел заголовка

MD Ashik

09.01.2019 04:38:33

Причина когда-то html выполнял встроенный скрипт до того, как внешний скрипт загрузился отлично. Я получаю решение таким образом . Я просто добавил атрибут defer к моей owl.carouselsourceзвонит, как ..

<script defer src="plugins/OwlCarousel2.3/owl.carousel.min.js"></script>

Документация об атрибуте defer -- > > att_script_defer-link

Vuyani Daweti

07.10.2019 09:13:38

У меня была та же проблема. Просто добавьте файл js прямо над вашей функцией

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!--DO NOT ENTER ANY EXTERNAL LINK IN BETWEEN-->
<script type="text/javascript">
$(document).ready(function() {
    $('.owl-carousel').owlCarousel({
        loop: true,
    });
});
</script>
https://stackoverflow.com/questions/21661292/typeerror-owlcarousel-is-not-a-function/58275019#comment102917013_58275019
Почему это должно помочь?
Помочь в развитии проекта:
Закрыть X