2013-09-06 2 views
0

Я попытался использовать jcarousel на своей странице
Я не получил никаких ошибок в консоли, но он просто не работает.jcarousel плагин не работает

Я добавил библиотеки и код

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="Scripts/jquery.jcarousel.min.js"></script> 
<script src="Scripts/jquery.jcarousel-autoscroll.min.js"></script> 
<script src="Scripts/jquery.jcarousel-control.min.js"></script> 

<script> 
    $(function() { 
     $('.jcarousel-1').jcarousel({ 
      vertical: true, 
      'wrap': 'both', 
      'list': '.jcarousel-list', 
      'scroll', '+=2' 
     }) 
     .jcarouselAutoscroll({ 
     }); 

     $('.jcarousel-prev').jcarouselControl({ 
      target: '-=1' 
     }); 

     $('.jcarousel-next').jcarouselControl({ 
      target: '+=1' 
     }); 
    }); 
</script> 

Это мой код
http://jsfiddle.net/mDmZ5/2/

Мне нужно, чтобы показать только две вещи и использовать стрелки, чтобы пролистать.
Может кто-нибудь объяснить мне, что случилось с моим кодом?

ответ

1

Ваш объект конфигурации для jCarousel является недопустимым объявлением объекта (у вас есть запятая между scroll, и это значение вместо двоеточия). Попробуйте это вместо этого:

$('.jcarousel-1').jcarousel({ 
    vertical: true, 
    'wrap': 'both', 
    'list': '.jcarousel-list', 
    'scroll': '+=2' 
}) 

Примечание: Ваш jsFiddle не будет работать, потому что вы не можете связать источник с Github.

+1

, и в вашей скрипке в конце той же линии была полуточечная колонка ('' scroll ': ... '). Не видишь это в своем вопросе, но может быть той же проблемой. Посмотрите в консоль на наличие других ошибок. – giorgio

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