6

OK、次のように、Jquery UI 用の Google API ライブラリを含めました。

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

これで、ドキュメントの準備が整ったときだけでなく、ドキュメント スライドのいくつかのスパンと非表示の入力を更新するスクリプトができました。

<script type="text/javascript">
            $(document).ready(function()
            {
                 var slider=$('#slider_range').slider({
                        range:true,
                        min:0,
                        max:5,
                        step:1,
                        values:[0,3],
                        slide:function(event,ui)
                        {
                          $('#level').val(ui.values[0]+'-'+ui.values[1]);
                          $('#low').html(ui.values[0]);
                          $('#high').html(ui.values[1]);
                        }
                 });

                 var s=slider;
                 if(s.slider("values",0)==s.slider("values",1))
                 {
                    $('#level').val(s.slider("values",0));
                    $('#low').html(s.slider("values",0));
                    $('#high').html(s.slider("values",0));
                 }
                 else
                     {
                       $('#level').val(s.slider("values",0)+'-'+s.slider("values",1));
                       $('#low').html(s.slider("values",0));
                       $('#high').html(s.slider("values",1));
                     }
              });
         </script>

アイデアは、ページにはスライダーが表示され、別のページには表示されないということです。Firebug から取得したエラー メッセージは次のとおりです。

$("#slider_range").slider is not a function

そして、ラインを指します

slide:function(event,ui)

何が原因でしょうか? あるページではスライダーが表示され、別のページ (上記をロードするのと同じテンプレートを使用) では表示されないのはなぜですか?

助けてください！

4

2 に答える 2

10

2 ページ目には、2 つの異なる jquery ライブラリが含まれていました。

于 2011-09-28T10:01:06.997 に答える
2

jquery uiスライダーと一緒にzurbの基礎フレームワークを使用しているときに、同じエラーが発生しました。

問題 #1: 基礎フレームワーク 3.2.4 は既に jquery 1.8.1 を提供しており、基礎ファイルの直前に自分の jquery 1.9 のコピーを含めようとしました。(= 重複した jquery の組み込み)

問題＃2：私のインクルージョンの順序。jquery ui は、基盤フレームワーク ファイルの後に含める必要があります。

于 2013-01-22T12:15:31.123 に答える