2015-03-11 5 views
-1

Мой первый карусельный слайдер работает отлично, но второй ничего не отображает? Изменили идентификационное имя, но не совсем уверены, куда обратиться за этим новым идентификационным номером?Второй слайдер сова для карусели не работает :(

Пожалуйста, помогите, любая помощь будет удивительно :)

Мой index.html код здесь: http://pastebin.com/4wsf3Rg2

сайт живут на http://www.passiton.nz, вам, но без второго карусельного прилагается.

+0

В целях помощи вы можете указать линии, на которые следует обратить внимание (310-344), или даже лучше написать более простой пример (например: http://jsfiddle.net/w3nd5gg8/) – dvhh

+0

вы попробовали проверить консоль на ошибка? just sayin –

+0

Консоль @KimOliveros просто отображает локальные ошибки для отображения виджета Shopify/Instagram:/ –

ответ

1

Если это возможно, я рекомендую вам разместить свой код до http://jsfiddle.net, чтобы мы могли легко отладить его. Вы должны позвонить по номеру owlCarousel(), как только ваш DOM будет готов. То, что вы сделали со встроенным javascript, правильно. Тем не менее, это плохая практика, чтобы включить код вашего кода вашего <script></script> внутри всего вашего разметки html.

Вы должны создать свой собственный файл javascript и разместить там все свои javascript.

Вот что я хотел бы сделать, чтобы начать две сов карусели на одной странице: http://jsfiddle.net/o269c1ku/3/

Как вы можете видеть, вы можете инициализировать филин карусель следующим образом:

$(document).ready(function() { 
    $("#owl-gallery").owlCarousel(); 
    $("#owl-gallery2").owlCarousel(); 
}); 

Надеется, что это помогает.

+0

Привет, извините, что в первый раз я использовал StackOverflow и не использовал JSFiddle раньше - я не понимаю, я скопировал и вставлял именно то, что у вас было там, но вторая карусель просто отказывается показывать. Может ли другой файл css/js блокировать его? Большое вам спасибо, больше советов? :) –

+0

Попробуйте поместить ваш скрипт 'owl.carousel.min.js' прямо под сценарий jquery и над' main.js'. Затем переместите инициализацию 'owlCarousel()' в ваш 'main.js'. Также есть шанс, что ваш исходный код owl.carousel устарел. Вот тот, который я использовал: http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js –

+0

Похоже, вы исправились. Отвечал ли мой ответ на ваш вопрос? Если да, пожалуйста, проголосуйте, чтобы другие люди знали, что это правильный ответ, если они попадаются. Благодаря! –

Смежные вопросы