2015-06-02 4 views
1

Я работаю над включением owlCarousel в приложение для рельсов. Я получил это работает, используя следующий JavaScript:Включение приложения OwlCarousel в Rails

$(document).ready(function(){ 
    $('.owl-carousel').owlCarousel(); 
}); 

Однако, когда я пытаюсь изменить один из параметров, вдруг Carousel не работает. Он не отображается на странице.

$(document).ready(function(){ 
    $('.owl-carousel').owlCarousel({ 
     item : 3 
    }); 
}); 

Это HTML генерируется моими рельсы приложение:

<div id="owl-example" class="owl-carousel"> 
    <div class="featured"> 
    <p> 
     <a href="/shows/bkpa"> 
     <img alt="Sstl1idgz8hcion3dhcf" class="featured-photo" src="/sstl1idgz8hcion3dhcf.jpg" /> 
     <br /> 
     Show title 
     </a> 
    </p> 
    </div> 
    <div class="featured"> 
    <p> 
     <a href="/shows/aadfa"> 
     <img alt="Sstl1idgz8hcion3dhcf" class="featured-photo" src="/sstl1idgz8hcion3dhcf.jpg" /> 
     <br /> 
     Show title 
     </a>  
    </p> 
    </div> 
</div> 
+0

Вам нужно больше информации, чтобы помочь: любой код вида (HTML и/или Еврорадио), который содержит этот класс. – creativereason

+0

Дайте мне знать, если вам нужна дополнительная информация, чтобы помочь вам. –

+0

Если это весь код, сгенерированный, вы не сможете показать элемент 3, потому что есть только 2 элемента. см., если элемент: 1 работает? – creativereason

ответ

1

Я не вижу item в списке параметров? Это может быть причиной?

Я вижу items: 3 как вариант, и если вы хотите показать один элемент, есть опция singleItem.

navigation : true, // Show next and prev buttons 
     slideSpeed : 300, 
     paginationSpeed : 400, 
     singleItem:true 

source

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