0

jqueryスライダーを使用しています。jQueryとJqueryuiがロードされていることを確認しましたが、エラーが発生します。

TypeError：jQuery（ "＃slider-range-min"）。slider

スライダーのコードは

jQuery(function() {

    //var $jq = jQuery.noConflict();    
        jQuery( "#slider-range-min" ).slider({
            range: "min",
            value: 37,
            min: 1,
            max: 700,
            slide: function( event, ui ) {
                jQuery( "#amount" ).val( "jQuery" + ui.value );
            }
        });
        jQuery( "#amount" ).val( "jQuery" + jQuery( "#slider-range-min" ).slider( "value" ) );
    });
    </script>
    <p>
    <label for="amount">Maximum price:</label>
    <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>

<div id="slider-range-min"></div>

jquery uiサイトからコードをコピーし、$をjQueryに置き換えました。'$'がロードされていないため、'jQuery'を使用する必要があります。

4

1 に答える 1

0

この問題は、あなたが含めた JQuery スクリプト ライブラリに関連しています。それらのいくつかは欠落しているか、正しく含まれていないため、これらを<head></head>タグに含めていることを確認してください:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
于 2012-10-14T19:14:15.637 に答える