Комментарии:

• Иван: 25.03.2021 в 15:47

  Как сделать, чтобы при вводе в input минимального и максимального значения изменялось положение ползунка? При этом, если ввести min > max, то они менялись местами

  Ответить
  • Alexander: 27.03.2021 в 09:45

    Про ввод с инпута тут есть: Варианты оформления jQuery UI Slider (5тый вариант)
    Ну а чтобы местами менялось, это в проверки там нужно править

    Ответить
• Max: 10.03.2021 в 01:55

  Есть в ползунка и их вывод, как их объединить в один вывод?

  Ответить
  • Max: 10.03.2021 в 01:56

    Есть 2* ползунка

    Ответить
  • Alexander: 10.03.2021 в 06:37

    А зачем их объединять в 1 вывод?
    Если они полностью идентичны, можно привязать слайдер к классу, а не к айди.

    Ответить
• Женя: 12.02.2021 в 11:38

  Привет! Спасибо за статью! Работает во всех браузерах , кроме IE11. Это важно, так как задача стоит адаптировать сайт под все браузеры, и под IE11 в том числе (будь он неладен). Подскажи, плиз, как это сделать?

  Ответить
  • Alexander: 12.02.2021 в 13:41

    Да вроде как сладер этот поддерживается IE11, но проверить не могу, у меня его нет.

    Ответить
• Екатерина: 22.12.2020 в 16:04

  У вас неплохой сайт) Спасибо за информацию,как разработчик/чуток дизайнер могу выразить свою благодарность за внимание к мелочам(анимашки и переходы на js-сине) 🙂

  Ответить
• Юрий: 02.12.2020 в 21:14

  Приветствую всех.
  Помоги с решением моей микро задачи )))
  Есть вертикальный слайдер, есть min и max — 0 и 100.
  Задача, сделать чтобы ползунок никогда не доходит до своего минимума и максимума, а останавливался допустим на значениях 5 и 95 и на полосе прокрутки при максимальных и минимальных значения всегда оставались маленькие "хвостики"
  Это реально сделать?

  Ответить
  • Alexander: 03.12.2020 в 07:30

    Если min стоит 0, то он и будет идти на 0, если нужно 5 минимальное, то нужно поставить 5. Соотв. и max тоже.
    А чтобы хвостик оставался можно сделать псевдо шкалу, которую можно растянуть и оформить как угодно.

    Ответить
    • Юрий: 03.12.2020 в 19:28

      Псевдо шкала? А как её сделать? В двух словах ))

      Ответить
      • Alexander: 05.12.2020 в 08:32

        Шкала слайдера прозрачная, а под ней альтернативная, нужного размера и оформления.

        Ответить
        • Юрий: 10.12.2020 в 21:56

          Спасибо за идею, сделал ))
          И тут же вопросик возник ), при адаптации только у меня не работает ползунок, двигать можно только нажатием на линию скроллинга?

          Ответить
          • Alexander: 11.12.2020 в 10:55

            при адаптации

            Это на тачпадах? Для етого патч есть

            Ответить
• Андрей: 01.04.2020 в 23:33

  Мне нужно, чтобы пользователь мог сам выставлять максимальное значение для ползунка. Подскажите, пожалуйста, как это осуществить.

  Ответить
  • Alexander: 03.04.2020 в 08:38

    А нужкн ли для такой задачи вообще ползунок?
    Он как бы изначально же подразумевает значение ОТ и ДО
    А у нас это значение не известно, оно может быть и 5 и 5 000 000.
    Тут, как мне кажется, нужно просто сделать поле для ввода этого значения.

    Ответить
• Антон: 26.02.2020 в 19:28

  Пдскажите, как использовать несколько слайдеров на одной странице?
  В таком варианте не работает

      $("#age").slider({
          animate: "slow",
          range: true,    
          values: [ 18, 30 ],
  		max: 30,
  		min: 18,
          slide : function(event, ui) {    
              $("#result-age").text( "from " + ui.values[ 0 ] + " to " + ui.values[ 1 ] );        
          }
      });
      $( "#result-age" ).text("from " + $("#age").slider("values", 0) + " to " + $("#age").slider("values", 1));
  
  	$("#height").slider({
          animate: "slow",
          range: true,    
          values: [ 150, 200 ],
  		max: 150,
  		min: 200,
          slide : function(event, ui) {    
              $("#result-height").text( "from " + ui.values[ 0 ] + " to " + ui.values[ 1 ] );        
          }
      });
      $( "#result-height" ).text("from " + $("#height").slider("values", 0) + " to " + $("#height").slider("values", 1));
  

  Ответить
  • Alexander: 27.02.2020 в 08:18

    У вас во втором слайдере перепутаны значения max и min в его настройках

    Ответить
• Aleksandr: 17.08.2019 в 10:42

  Статья весьма крутая! Мне нужна подсказка, как сделать один ползунок при передвижении которого меняется два разных значения?

  Ответить
  • Alexander: 18.08.2019 в 13:03

    Если я правильно понял, то второе значение должно по формуле ставится?

    <div id="polzunok"></div>
    Значение ползунка: <span style="color:green;" id="result-polzunok"></span><br>
    Значение ползунка умноженное на 2: <span style="color:green;" id="result-polzunok2"></span>
    <script type="text/javascript">
        $("#polzunok").slider({
            animate: "slow",
            range: "min",    
            value: 50,
            slide : function(event, ui) {    
    		$("#result-polzunok").text(ui.value);   
    		$("#result-polzunok2").text(ui.value * 2);    
            }
        });
    	$( "#result-polzunok" ).text($( "#polzunok" ).slider( "value" ));    
    	$( "#result-polzunok2" ).text($( "#polzunok" ).slider( "value" ) * 2); 
    </script>

    Вот пример:
    https://atuin.ru/test/polz.html

    Ответить
• Игорь: 26.12.2018 в 18:13

  Статья хорошая! Спасибо за старания.

  Ответить
• Роман: 06.09.2018 в 12:05

  Все круто работает! Спасибо!

  Ответить