0

我在尝试实施时遇到问题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>

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

在此处输入图像描述

4

1 回答 1

1

发现问题是由于jquery-ui包含在内。

删除那些解决了这个问题。

于 2019-05-22T06:27:18.693 回答