I found a price slider at www.xiper.net/examples/js-plugins/ui/ui-slider. But I can’t understand why the mobile version in chrome (and in Chrome’s developer mode as well) cannot move asterisks, and if you click on line everything works. Also works if you change the values ​​in the fields. In Firefox in the mob version everything is working fine.

Below is the price slider code

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; }); });

    1 answer 1

    Found a solution. You need to connect jQuery UI Touch Punch after connecting jQuery UI