jquery - Jquery Slider：对象[object Object]没有方法'slider'？

Question

我可能遗漏了一些微不足道的东西，但我找不到任何缺陷，我有一个 Jquery UI 滑块

$(function()
        {
            $("#slider").slider(
                {
                    min : 0,      // Have a box that just takes in the price
                    max : 500,
                    change: function(event,ui)
                    {
                        $( "#amount" ).val( "$" + ui.value );
                    }
                });
            $("#amount").val( "$" + $("#slider").slider("value") );
        });

我的html代码是

<label for="amount">Your Price:</label> 
<input type="text" id="amount" style="border: 0; font-weight: bold;" />
<div id="slider" class="slider"></div>

但我的滑块没有显示，我在 chrome 中不断收到此错误

Uncaught TypeError: Object [object Object] has no method 'slider' 

我还包含了 jquery 头文件

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>

任何帮助，将不胜感激！

Answer 1

您需要在 jQuery 包含之后包含滑块的 jQuery UI 插件。那是：

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="PATH_TO_JQUERY_UI"></script>