0

我正在尝试为 bootstrap'ish 输入滑块进行非常基本的设置,但不知何故我无法让它工作。

我想要的是:

在此处输入图像描述

我得到什么:

在此处输入图像描述

来源/工作示例/教程:

http://seiyria.com/bootstrap-slider/

我的代码/源代码/错误:

<html>
<head>

    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/css/bootstrap-slider.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


</head>
<body>

<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="-5" data-slider-max="20" data-slider-step="1"
       data-slider-value="14"/>


<script type='text/javascript'>
    $('#ex1').slider({
        formatter: function (value) {
            return 'Current value: ' + value;
        }
    });
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/bootstrap-slider.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>
</html>

笔记:

我从 Web 存储库中提取所有基本组件 (CSS/JS):bootstrap、bootstrap-slider 和 JQuery。

4

1 回答 1

2

在这里我为你修好了。https://jsfiddle.net/k5k9aa70/

您的脚本执行不正常,slider未被识别为函数。

于 2017-10-23T23:41:16.537 回答