0

我正在使用 jquery 滑块。我检查了 jQuery 和 Jquery ui 是否已加载，但我收到一个错误，即

类型错误：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 回答