范围滑块基础5缺陷

Question

<div class="small-12 large-3 columns">
    {{ form_label(form_ad.price) }}
    <div class="hidden">
        <div class="range-slider round" data-slider data-options="start: 0; end: 500; step: 0.01; initial: 0; display_selector: #price;">
            <span class="range-slider-handle" role="slider" tabindex="0"></span>
        </div>
        <span id="price"></span>
    </div>
</div>

当我按一下按钮时，我的range-slider-handle显示为前进位置的一半。

有人知道为什么会发生这种事吗？

Answer 1

我决定使用jQuery-ui。

jQuery-ui范围