Question

我正在使用jquery滑块。我已经检查过jQuery和Jquery ui被加载了，但是我得到了一个

的错误

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 site复制了代码，只是用jQuery替换了$。 '$'未加载，所以我必须使用'jQuery'。

Answer 1

问题与您包含的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>

Jquery最小范围滑块 - 类型错误

1 个答案: