滑塊 - 不能讀取的不確定

類型錯誤：$的.ui未定義類型錯誤：$（...）滑塊不是一個函數

下面是我的。 HTML實現

在

我使用

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

在身體

我使用

<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

來源

2016-02-13 Chen Xiao Xiong

嘗試包裹腳本在'$（文件）。準備好（function（）{// code goes here}）;'function。這會延遲腳本的啓動，直到DOM加載完成。 – magreenberg

您是否包含JqueryUI '' –

我想你沒有包括jQueryUI的

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

來源

2016-02-13 01:53:08 Microsmsm

從我從這裏讀到：http://simeydotme.github.io/jQuery-ui-Slider-Pips/ 您必須調用這兩個jQuery和jQuery的UI（和主題...）

（至少試試這些鏈接，看看它是否是「你的jquery」是誰的概率LEM ..）

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

希望這將有助於:)

來源

2016-02-13 01:53:12 Jicao

似乎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（）{...}）

來源

2016-02-13 01:53:42 manuxi

它需要正確的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/

來源

2016-02-13 02:06:28

滑塊 - 不能讀取的不確定

回答

相關問題