2012-07-09 27 views
0

所以即時嘗試使用滑塊演示(http://jqueryui.com/demos/slider/#range),我複製代碼這樣:當試圖使用滑塊演示時,JQuery對象[對象對象]沒有方法「滑塊」

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" type="text/css" media="all" /> 
    <meta charset="utf-8"> 
     <style> 
     #demo-frame > div.demo { padding: 10px !important; }; 
     </style> 
     <script type="text/javascript"> 
     $(function() { 
      $("#slider-range").slider({ 
       range: true, 
       min: 0, 
       max: 500, 


    values: [ 75, 300 ], 
      slide: function(event, ui) { 
       $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
      } 
     }); 
     $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
      " - $" + $("#slider-range").slider("values", 1)); 
    }); 
    </script> 
</head> 
<body> 


<div class="demo"> 

<p> 
    <label for="amount">Price range:</label> 
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> 
</p> 

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

</div><!-- End demo --> 



<div class="demo-description"> 
<p>Set the <code>range</code> option to true to capture a range of values with two drag handles. The space between the handles is filled with a different background color to indicate those values are selected.</p> 
</div><!-- End demo-description --> 


</body> 
</html> 

但犯規出現在滑塊和Chrome給我這個錯誤:對象的翻譯:有沒有方法「滑」

任何想法?我搜索了四周,但修復似乎並不適用於我

+5

你應該加載['jquery-ui.js'](http://jqueryui.com/download)插件。 – undefined 2012-07-09 22:33:37

+3

哦,謝謝,現在我明白了,我感到很蠢。哈哈 – Headchopperz 2012-07-09 22:37:28

回答

5

這只是因爲你沒有在你的文檔中包含jQuery UI滑塊的源代碼。 「UI Core」,「UI Widget」和「UI Mouse」是依賴關係,您應該將它們包含在文檔中。 只需進入JQuery UI網站的download page並下載相應的版本(至少檢查「UI Core」,「UI Widget」,「UI Mouse」和「Slider」)。當你提取下載的文件的內容時,你會找到他們的名字所需的腳本。

+3

至少提供一個鏈接或代碼示例,使其看起來像你不是從上述評論中竊取某​​人的答案 – 2012-07-09 22:38:31

+0

當我看到它時立即刪除了,我掩蓋了它。 – somedev 2012-07-09 22:40:34

相關問題