jCarousel не работает

Question

Я уже несколько часов стучаю по голове. У меня jCarousel настроен почти одинаково на их «простой» пример, и я не получаю прокрутки. Если вы установите ширину контейнера выше, вы увидите, что все изображения уложены друг на друга вертикально, а не горизонтально, но UL берет соответствующий «горизонтальный» класс.

Помощь!

http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/

Answer 1

ЛУ, содержащий все установлено слишком узким. Разверните его или попробуйте полностью удалить ширину.

Answer 2

У вас есть ul с id "carousel", который имеет встроенный стиль с шириной: 110 пикселей.
Попробуйте принять эту декларацию ширины или сделать ее более крупной.

Answer 3

Вы уверены, что ваша декларация jcarousel получила название?

Я вижу, вы объявляете с помощью этого:

(function($) { 
$(function() { 
$('#carousel').jcarousel(); 
$('#carousel').show(); 
}); 
})(jQuery) 

Попробуйте принимать внутреннюю функцию, чтобы сделать его выглядеть следующим образом:

(function($) { 
$('#carousel').jcarousel(); 
$('#carousel').show(); 
})(jQuery) 

Поэтому я говорю это потому, что если я называю $ («# carousel»). jcarousel() в firebug, он работает правильно.

Answer 4

Я решил эту проблему. У меня был установлен UL для отображения: none; а затем сценарий, устанавливающий его, чтобы показать после загрузки карусели, чтобы предотвратить неудобную вспышку неравномерного содержимого. По-видимому, это давало jCarousel некоторые проблемы при расчете ширины элементов, поскольку список не отображался. Всем спасибо.

Answer 5

У меня возникла проблема, связанная с тем, что при загрузке страницы с помощью этого плагина была скрыта флеш-вспышка. Самое простое исправление для меня заключалось в том, чтобы применить значение css видимости: скрыто к элементу <ul>, а затем удалить это значение css после загрузки jCarousel. Применение видимости: скрытый, а не отображаемый: ни одна из них не допускает правильную ширину элементов <li>, которые будут вычисляться плагином jCarousel.

Answer 6

Спасибо, ребята ... это работало для меня

jQuery(document).ready(function() { 
      $('#<%=myImagecarousel.ClientID%>').jcarousel(); 
      $('#<%=myImagecarousel.ClientID%>').removeAttr('style'); 
      $('#<%=myImagecarousel.ClientID%>').show(); 
     });