jQuery滑块seiyera仅显示文本框

Question

尝试实施seiyria-slider时遇到问题。

这是我的html：

<div class="col-md-2 col-sm-6">
     <label for="">Confidence Score</label> 
     <div class="slider-holder"> 
         <input id="ex2" type="text" class="span2" data-slider-min="0" data-slider-max="100" data-slider-step="10" data-slider-value="[0,100]"/>
     </div>
</div>

这是初始化：

$(document).ready(function() {
     $("#ex2").slider({});
});

还链接到位于文件底部的css和js文件：

<link href="{{ url('js/components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css') }}" rel="stylesheet">
<script src="{{ url('js/components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js') }}" charset="utf-8"></script>

但是仅显示一个文本框而不是滑块。

Answer 1

发现该问题是由于包含了jquery-ui。

删除那些可以解决问题。