2012-03-21 86 views
1

我在下面的頁面中實現了jQuery滑塊UI,但它似乎並未初始化。實現JQuery Ui滑塊的困難

Test Page

我裝起來的螢火蟲,我得到了以下錯誤:

$("#slider-range").slider is not a function 
[Break On This Error] 

slide: function(event, ui) { 

回答

2

您還沒有包括JQuery用戶界面庫。只有包含jQuery的是不是就夠了。

您可以使用CDN來包含UI庫。

  1. JQuery的CDN:

    <script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script> 
    
  2. 谷歌CDN:

    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js' type='text/javascript'></script> 
    

包括那些之一,或者,甚至更好,讀這Getting Started Docs

最新通報

您必須包括CSS文件,正常查看的UI元素。包括以下CSS文件

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css 

請與滑塊在行動here

+1

哈打我給它:■ – sg3s 2012-03-21 23:53:09

+0

我已經做到了,但它仍然沒有工作 - 我已經更新的http:// licf。 ronaldboadi.com/test2.html – CJS 2012-03-22 00:00:30

+0

@CJS,您還必須包含UI CSS文件,閱讀入門指南鏈接 – Starx 2012-03-22 00:05:47