困難

2012-03-21 6 views
1

私は以下のページでjQueryのスライダーUIを実装しましたが、それは初期化されていないようです。困難

Test Page

私はFirebugの中でそれをロードし、私は次のエラーを得た:

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

slide: function(event, ui) { 

答えて

2

あなたはjQueryのUIライブラリを含めていません。唯一のjQuery十分ではありません含まれています。

あなたはUIライブラリを含めるようにCDNを使用することができます。

  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> 
    

それらの1、または、より良い、このGetting Started Docsを読んを含めます。

UPDATES

あなたが適切にUI要素を表示するために、CSSファイルを含める必要があります。次のCSSファイル

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

を含めるほら、それに私を殴らアクションでhere

+1

をあなたのスライダーを参照してください: - ://のLiCF – sg3s

+0

は、私はそれを行ったが、そのまだ働いていませんでしたよ、私は、httpを更新しました。 ronaldboadi.com/test2.html – CJS

+0

@CJSが、あなたはまた、私は – Starx