Question

我已经尝试过对此网站的提及（http://touchpunch.furf.com）。但我仍然面临同样的问题。无论是在触控设备上，我都想让它发挥作用。请在移动视图中向我推荐任何滑块的工作代码。这是我想在移动视图中应用的代码（使其可移动）。

<div id="distance-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 100%;"></div>
<span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span>
<span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 100%;"></span>
</div>

Answer 1

当您在移动设备上访问演示页时，它不适合您：http://demos.jquerymobile.com/1.4.5/rangeslider/？

您的标记应如下所示：

<div data-role="rangeslider">
  <label for="range-1a">Rangeslider:</label>
  <input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">
  <label for="range-1b">Rangeslider:</label>
  <input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
</div>

“范围”滑块不会在移动视图或触摸设备中滑动

1 个答案: