javascript - slider - 无法读取未定义的属性

Question

我的代码出现此错误

类型错误:$.ui 未定义 类型错误:$(...).slider 不是函数

下面是我的 HTML 实现

在

我正在使用

<script type="text/javascript" src="js/jquery.js"></script>

在 body

我正在使用

<div id="scale-slider"></div>

<script type="text/javascript" src="js/slider-pips.js"></script>
        <script type="text/javascript">
$("#scale-slider")
    .slider({
        max: 50,
        min: -50,
        values: [-20, 20],
        range: true
    })
    .slider("pips", {
        rest: "label"
    });
        </script>

我正在尝试实现 jquery slider pips，但它给了我 2 个上面定义的错误。

Uncaught TypeError: Cannot read property 'slider' of undefined

Answer 1

从我在这里读到的内容:http://simeydotme.github.io/jQuery-ui-Slider-Pips/ 您必须同时调用 jquery 和 jquery-ui (以及主题...)

(至少尝试使用这些链接看看是否是“你的jquery”出了问题..)

<!-- include the jQuery and jQuery UI scripts -->
<script src="https://code.jquery.com/jquery-2.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

<!-- plus a jQuery UI theme, here I use "flick" -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/flick/jquery-ui.css">

那你可以试试

<script type="text/javascript">
$("#scale-slider")
    .slider({
        max: 50,
        min: -50,
        values: [-20, 20],
        range: true
    })
   .slider("pips", {
        rest: "label"
    });
</script>

希望这会有所帮助:)