在jQuery Mobile中防止更改范围滑块的触摸值

时间:2019-04-17 10:11:37

标签: jquery jquery-mobile

我想防止在使用touch-action none.触摸滑块行时更改jquery mobile 1.4.5中的滑块值

这似乎不适用于范围滑块:

<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>

如何防止触摸滑块范围线时值发生变化?

0 个答案:

没有答案