javascript - Bootstrap slider 不工作

Question

我正在尝试让这个基本的 Bootstrap slider 正常工作，但这让我望而却步。

http://getbootstrap.com/ Bootstrap

http://www.eyecon.ro/bootstrap-slider/ Bootstrap slider

我正在尝试实现它，但无法弄清楚为什么它不起作用。我已经确认 jQuery 1.8.3 在服务器上运行。我包含了 Bootstrap 3.0.3 的 CSS/JS。我已经包含了 Bootstrap Slider 的 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>

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

Answer 1

我建议您安装最新版本的 jQuery 来解决您的问题。我遇到了类似的问题，安装最新版本的 jQuery 后问题得到解决。祝你好运。