Javascript JQuery对象[Object Object]没有方法'；滑块'；尝试使用滑块演示时_Javascript_Jquery_Html

Javascript JQuery对象[Object Object]没有方法'；滑块'；尝试使用滑块演示时

javascript jquery html

Javascript JQuery对象[Object Object]没有方法'；滑块'；尝试使用滑块演示时,javascript,jquery,html,Javascript,Jquery,Html,所以我尝试使用滑块演示(http://jqueryui.com/demos/slider/#range)我复制代码如下： <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <link rel="stylesheet" href="http://ajax.goog

所以我尝试使用滑块演示(http://jqueryui.com/demos/slider/#range)我复制代码如下：

 <html>
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" type="text/css" media="all" />
    <meta charset="utf-8">  
        <style>
        #demo-frame > div.demo { padding: 10px !important; };
        </style>
        <script type="text/javascript">
        $(function() {
            $( "#slider-range" ).slider({
                range: true,
                min: 0,
                max: 500,


    values: [ 75, 300 ],
            slide: function( event, ui ) {
                $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
            }
        });
        $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
            " - $" + $( "#slider-range" ).slider( "values", 1 ) );
    });
    </script>
</head>
<body>


<div class="demo">

<p>
    <label for="amount">Price range:</label>
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</p>

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

</div><!-- End demo -->



<div class="demo-description">
<p>Set the <code>range</code> option to true to capture a range of values with two drag handles.  The space between the handles is filled with a different background color to indicate those values are selected.</p>
</div><!-- End demo-description -->


</body>
</html>

但是滑块没有出现，Chrome给了我这个错误：Object[Object Object]没有“slider”方法

有什么想法吗？我四处搜索，但修复似乎不适用于我

这只是因为您没有在文档中包含jQuery UI Slider的源代码。 “UI核心”、“UI小部件”和“UI鼠标”是依赖项，您应该将它们包含在文档中。

只需转到jQueryUI网站的主页并下载一个合适的版本（至少检查“UI核心”、“UI小部件”、“UI鼠标”和“滑块”）。提取下载文件的内容时，您将通过名称找到必要的脚本。

这只是因为您的文档中没有包含jQuery UI Slider的源代码。 “UI核心”、“UI小部件”和“UI鼠标”是依赖项，您应该将它们包含在文档中。

只需转到jQueryUI网站的主页并下载一个合适的版本（至少检查“UI核心”、“UI小部件”、“UI鼠标”和“滑块”）。当你提取下载文件的内容时，你会根据它们的名称找到必要的脚本。

你应该加载插件。哦，谢谢，现在我明白了，我觉得自己太愚蠢了。哈哈，你应该加载插件。哦，谢谢，现在我明白了，我觉得自己太傻了。哈哈，至少提供一个链接或代码示例，让它看起来像你没有从上面的评论中窃取答案。当我看到这一点时，我立即删除了它。至少提供一个链接或代码示例，让它看起来像你没有从上面的评论中窃取答案。当我看到这一点时，我立即删除了它，我掩饰了一下。