Я хочу предотвратить изменение значения ползунка в jquery mobile 1.4.5 одним касанием линии ползунка с помощью touch-action none.
Это не работает для ползунков диапазона:
<div data-role="rangeslider" id="filter_price" style="touch-action: none;">
<input type="range" name="price_from" id="price_from" min="0" max="30000" step="250" value="<?=$filter_val['price_from']?>" data-popup-enabled="true" >
<input type="range" name="price_to" id="price_to" min="0" max="30000" step="250" value="<?=$filter_val['price_to']?>" data-popup-enabled="true">
</div>
Но для обычных слайдеров это работает:
<div class="full-width-slider" id="filter_cond_range" style="touch-action: none;">
<span class="ui-bar ui-bar-a ui-corner-all" style="border: 0; font-weight: normal;font-size: 13px;">Auswählen</span>
<input name="filter_cond" id="filter_cond" type="range" min="0" max="600" step="100" autocomplete="off" data-highlight="true" />
</div>
Как я могу предотвратить изменение значения при касании линии диапазона слайдера?