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

Нашел в нете слайдер цен
www.xiper.net/examples/js-plugins/ui/ui-slider
Но не могу понять почему в моб версии в хроме (да и вообще в режиме разработчика в Chrome) нельзя подвинуть звездочки, причем если кликать на линии все работает. Также работает если менять значения в полях.
В Firefox в моб версии все работает нормально.

jQuery(document).ready(function(){
/* слайдер цен */

jQuery("#slider").slider({
  min: 0,
  max: 30000,
  values: [0,30000],
  range: true,
  stop: function(event, ui) {
    jQuery("input#minCost").val(jQuery("#slider").slider("values",0));
    jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));

    },
    slide: function(event, ui){
    jQuery("input#minCost").val(jQuery("#slider").slider("values",0));
    jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));
    }
});

jQuery("input#minCost").change(function(){

  var value1=jQuery("input#minCost").val();
  var value2=jQuery("input#maxCost").val();

    if(parseInt(value1) > parseInt(value2)){
    value1 = value2;
    jQuery("input#minCost").val(value1);
  }
  jQuery("#slider").slider("values",0,value1);
});


jQuery("input#maxCost").change(function(){

  var value1=jQuery("input#minCost").val();
  var value2=jQuery("input#maxCost").val();

  if (value2 > 30000) { value2 = 30000; jQuery("input#maxCost").val(30000)}

  if(parseInt(value1) > parseInt(value2)){
    value2 = value1;
    jQuery("input#maxCost").val(value2);
  }
  jQuery("#slider").slider("values",1,value2);
});



// фильтрация ввода в поля
  jQuery('#minCost, #maxCost').keypress(function(event){
    var key, keyChar;
    if(!event) var event = window.event;

    if (event.keyCode) key = event.keyCode;
    else if(event.which) key = event.which;

    if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;
    keyChar=String.fromCharCode(key);

    if(!/\d/.test(keyChar)) return false;

  });
});
  • Вопрос задан
  • 748 просмотров
Решения вопроса 1
@Poincare Автор вопроса
Нашел решение.
Нужно подключить jQuery UI Touch Punch/ после подключения jQuery UI
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
NeiroNx
@NeiroNx
Программист
Потому что есть два типа событий onclick и ontouch а там обрабатывается только один.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы