实现JQuery Ui Slider的困难

Question

我在下面的页面中实现了jQuery滑块UI，但它似乎没有初始化。

Test Page

我将它加载到Firebug中，我收到以下错误：

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

slide: function( event, ui ) {

Answer 1

您尚未包含JQuery UI库。仅包含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. Google 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