范围滑块基础 5 错误

range-slider foundation 5 bug

<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当我点击出现一半位置向前

有人知道为什么会这样吗?

我决定使用 jQuery-ui

jQuery-ui range