Пользовательский интерфейс jQuery не будет работать в Firefox с дублированным кодом в качестве демонстрации

Question

http://ecefx -dev.com / skribble / отлично работает в Chrome (я говорю о верхнем слайдере, где вы нажимаете и перетаскиваете полосу прокрутки).

В Firefox / IE, хотя он продолжает ломаться. Если вы посмотрите на консоль, нажимая полосу прокрутки, вы увидите проблему (??)

Пока у меня есть -при использовании идентичной версии jquery, jquery UI и ui.slider в качестве демо, но демо отлично работает в Firefox. http://www.ericdubois.com/jquery_tests/slider_gallery3.php

Я даже скопировал / вставил их код напрямую, включая скрипты, упомянутые выше. Единственное, что я не сделал, это jquery, но номер сборки совпадает, поэтому его точное. Единственное, что я изменил, в нижней части ui.slider есть немного кода, который использует $, и я изменил его на jQuery, потому что я использую Wordpress.

CSS на 90% такой же, за исключением фонового изображения, и HTML использует все те же классы, за исключением того, что мой HTML имеет div внутри li вместо просто изображения.

Есть идеи?

Answer 1

Внутренний UL падает в Firefox, в результате чего его элементы списка отображаются в две строки, в результате чего itemsWidth становится равным -15.

Измените следующее, и оно должно работать:

.sliderGallery ul li {
display: inline-block;
*display: inline; // IE7
zoom: 1; // IE7
}

и удалите float-left на .event-img

Answer 2

Это ваша конфигурация.Значение, которое вы передаете в itemsWidth для максимального значения, в Firefox равно 0.