Обычно проблема исчезновения ползунка происходит при конфликте jQuery с другой библиотекой. В моем случае такая проблема обнаружилась на joomla сайте и была связана с тем, что в joomla используется mootools, у которого тоже есть функция Slider(). Вот и получается, что происходит конфликт одноименных функций. Решение оказалось простым до ужаса, спасибо автору adylevy.com
Перед инициализацией слайдера просто нужно добавить код:
jQuery("#slider").prop("slide",null);
Где #slider — id вашего слайда. И все!
Еще один полезный код- добавление разных классов для ползунков (правый и левый), когда нужно задать разный стиль для каждого:
jQuery(".ui-slider-handle").each(function(){
if($(this).index() == 1)
jQuery(this).addClass("left-slider");
if($(this).index() == 2)
jQuery(this).addClass("right-slider");
});
Спасибо! Подсказка оказалась очень полезной.
Только я написал, как у автора, сразу
jQuery(«#slider»).prop(«slide»,null).slider({…});
Покажите рабочий пример, я не понимаю, как понять после инициализации слайдера
Я бы с удовольствием показал, да вот только не помню уже на каком проекте это было реализовано.. Поправил статью, не после инициализации, а перед) То есть перед созданием слайдера jQuery пишем jQuery(«#slider»).prop(«slide»,null); , а потом уже создаем ползунок jQuery(«#slider»).slider();
Для примера:
$(«#slider2»).prop(«slide»,null);
$(«#slider2»).slider({
//Ваш код
});