2012-03-21 87 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