Следующая кнопка jCarousel не работает, если она не проверена инструментом разработчика

Question

Я выполнил чистую настройку jCarousel, то есть не использовал предоставленную таблицу стилей или скины и разработал ее с нуля. Но кнопка «Далее» не работает. Странно то, что он работает после того, как я проверю его с помощью FireBug или встроенного инспектора элементов в Chrome Я предполагаю, что это как-то связано с тем, что элемент находится в фокусе, но я не знаю, как решить проблему. Я попытался изменить z-индексы элементов, но безрезультатно. Есть идеи, что здесь происходит? Спасибо!

Answer 1

Немного стар, но это может помочь кому-то еще с той же проблемой:

Я испробовал много решений, единственное, что работало для меня, это игра с определениями CSS. Значения контейнера карусели в выбранном вами файле skin.css используются jcarousel для оценки количества видимых элементов и, я полагаю, некоторых других вещей.

Попробуйте установить ширину этих элементов:

.jcarousel-skin-tango .jcarousel-container-horizontal {
[..]
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: ..;
[..]
}

Кнопка «Далее» перестала работать со мной при использовании ширины, превышающей размер содержимого. И с каким-то другим значением, я не знаю почему.

Answer 2

Возможно, вы оставили немного

console.log(...)

в вашем коде. Попробуйте удалить эти