Javascript 引导滑块不是'；行不通

我试图让这个基本的引导滑块工作，但这只是逃避我

引导

自举滑块

我正在尝试实现这一点，但不明白为什么它不起作用。我已确认服务器上正在运行

jquery1.8.3

。我已经包括了

bootstrap3.0.3

的CSS/JS。我已经包括了引导滑块的CSS/JS

下面是我用来尝试运行此程序的代码：

<div class="row">
  <div class="col-md-6">

    <input type="text" id="foo" class="span2" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="horizontal" data-slider-selection="after"data-slider-tooltip="hide">
    <input type="text" id="bar">

    <script type="text/javascript">
      $('#foo').slider().on('slide', function(ev) { $('#bar').val(ev.value); });
    </script>

  </div>
</div>

$（'foo'）.slider（）.on（'slide'，函数（ev）{$（'foo'）.val（ev.value）；}）；

---

我得到的只是两个文本输入框，但不是滑块。有什么想法吗？

我建议您安装最新版本的jQuery来解决您的问题。我有一个类似的问题，在安装了最新版本的jQuery之后，问题就解决了。祝你好运。

在你的网站上使用Bootstrap4。首先，从官方网站安装bootstrap4，或者您也可以在Index.html文件中添加CSS链接和JS脚本。另外，在引导js脚本上方添加jquery文件。 在该副本之后，创建专业旋转木马的代码如下：

---

是否有开发人员工具出现错误？是的，出于某种原因。查看bootstrap.js，它给出了一个

bootstrap requires jQuery

错误。我不明白为什么，因为我通过控制台做了一个版本测试，它给了我1.8.3。你在引导之前包括了jquery，对吗？这里看起来不错，只是意识到没有安装最新版本的jQuery。谢谢你们的帮助！