2012-07-26 63 views
1

我錯了什麼? 這裏是代碼:jQuery微調器使用問題

<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery-1.7.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery-ui-1.8.21.custom.min.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery.ui.spinner.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/myscript.js'/>"></script> 

<input id="spinner" type="text" value="0" /> 

mysript.js代碼:

$(document).ready(function() { 


    $(function() { 
     $('#spinner').spinner({min: -100, max: 100}); 
    }); 

}); 

它仍然無法正常工作

順便說一句,它說: 類型錯誤:this._super不是一個函數

this._super(key,value);

jQuery的... nner.js(line375)

類型錯誤:this._super不是一個函數

this._super(選件);

jQuery的... nner.js(線389)

+0

有_Super功能某處源js文件? – sergzach 2012-07-26 08:07:12

+0

@sergzach是的,它在jquery.ui.spinner.js中。但我認爲問題不在該文件中。我第一次使用微調,所以我不知道它應該如何...可能我沒有連接足夠的文件? – Helgus 2012-07-26 08:17:32

+0

可能是你的jquery-ui-1.8.21.custom.min.js並不包含你所需要的全部。可能是你沒有檢查下載頁面上的所有必需選項(http://jqueryui.com/download/)。 – sergzach 2012-07-26 08:21:57

回答

2

工作例如:http://jsfiddle.net/KaaaT/

因此,你需要:

  • jQuery的
  • jQuery UI的
  • jQuery UI的CSS
  • spinner

在上面的jsfiddle鏈接上點擊manage resources,查看我用於該示例的URL。

jQuery代碼:

$('#spinner').spinner({ min: -100, max: 100 }); 

的HTML代碼:

<input type="text" id="spinner" value="0" /> 

的jsfiddle使用jQuery UI的1.8.18。 Google的內容分發網絡主辦了一個更新的內容分發網絡。所以我建議你使用這些網址:

編輯:這個問題可能是你忘了添加小部件功能到您下載它的自定義jQuery UI庫。試試Google的CDN託管的那個。或者選中widget選項重新下載jQuery UI。

+0

謝謝!最後我做到了!!!(在你的幫助下)) – Helgus 2012-07-26 10:13:33

+0

不客氣! – 2012-07-26 12:05:20

0

你的代碼沒有任何問題,看:here is you code

+0

就像我所說的,它不是代碼,而是錯誤的/破碎的jQuery UI。其中沒有小部件組件。他可以使用Google CDN的測試和/或重新下載jQuery UI。 – 2012-07-26 09:36:57