jQuery ui исчезает ползунок слайдера

Обычно проблема исчезновения ползунка происходит при конфликте 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");     
});
This entry was posted in Joomla, Jquery and tagged , , . Bookmark the permalink.

4 комментария: jQuery ui исчезает ползунок слайдера

  1. Рустем:

    Спасибо! Подсказка оказалась очень полезной.
    Только я написал, как у автора, сразу
    jQuery(«#slider»).prop(«slide»,null).slider({…});

  2. Артем:

    Покажите рабочий пример, я не понимаю, как понять после инициализации слайдера

    • fonclub:

      Я бы с удовольствием показал, да вот только не помню уже на каком проекте это было реализовано.. Поправил статью, не после инициализации, а перед) То есть перед созданием слайдера jQuery пишем jQuery(«#slider»).prop(«slide»,null); , а потом уже создаем ползунок jQuery(«#slider»).slider();

    • Alex:

      Для примера:

      $(«#slider2»).prop(«slide»,null);
      $(«#slider2»).slider({
      //Ваш код
      });

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*