javascript - jquery slider seiyera 只显示文本框

Question

我在尝试实现 seiyria-slider 时遇到问题。

这是我的代码:

 // Here's the initialization:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>

<!-- Also links to css and js files placed at bottom of file: -->

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

但是只显示了一个文本框而不是 slider 。

Answer 1

发现问题是因为包含了jquery-ui

删除那些解决了问题。