Question

我的代码出现了这个错误

TypeError：$ .ui未定义 TypeError：$（...）。slider不是函数

以下是我的HTML实现

我正在使用

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

at 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滑块，但它给出了我上面定义的2个错误。

Uncaught TypeError: Cannot read property 'slider' of undefined

Answer 1

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

（至少尝试使用这些链接查看是否＆＃34;你的jquery＆＃34;谁是问题..）

<!-- 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>

希望这会有所帮助：）

Answer 2

我认为你没有包含JqueryUI

＆＃13;

<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

＆＃13;

Answer 3

似乎缺少jQueryUI。地方

<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>

在任何其他Javascript之前。确保，DOM已加载并使用$（document）.ready（function（）{...}）

Answer 4

需要正确的URI。注意左边的五个。

https://jsfiddle.net/otdvqsop/1/

由于我必须包含一些代码，下面是JSFiddle的优秀CSS：

.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover,
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
  background: #2b2b2b;
  border-color: transparent;
}

https://jsfiddle.net/simeydotme/Lh6pygef/

滑块 - 无法读取未定义的属性

4 个答案: