(“# slider_range"美元).Slider不是一个函数

$("#slider_range").slider is not a function

本文关键字：Slider 函数 一个 slider range quot 美元      更新时间：2023-09-26

好了，我已经包含了Jquery UI的google api库，如下所示:

<script type='text/javascript'  src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js' ></script>

现在我有一个脚本，更新一些跨度和隐藏的输入文档幻灯片，不仅在文档准备:

<script type="text/javascript">
            $(document).ready(function()
            {
                 var slider=$('#slider_range').slider({
                        range:true,
                        min:0,
                        max:5,
                        step:1,
                        values:[0,3],
                        slide:function(event,ui)
                        {
                          $('#level').val(ui.values[0]+'-'+ui.values[1]);
                          $('#low').html(ui.values[0]);
                          $('#high').html(ui.values[1]);
                        }
                 });
                 var s=slider;
                 if(s.slider("values",0)==s.slider("values",1))
                 {
                    $('#level').val(s.slider("values",0));
                    $('#low').html(s.slider("values",0));
                    $('#high').html(s.slider("values",0));
                 }
                 else
                     {
                       $('#level').val(s.slider("values",0)+'-'+s.slider("values",1));
                       $('#low').html(s.slider("values",0));
                       $('#high').html(s.slider("values",1));
                     }
              });
         </script>

这个想法是在一个页面上显示滑块，而在另一个页面上不显示。我从Firebug得到的错误信息是:

$("#slider_range").slider is not a function

和指向行

slide:function(event,ui)

是什么原因导致的?为什么在一个页面上可以看到滑块，而在另一个页面上(使用相同的模板加载上面的)不能?

请帮忙!

第二页包含了两个不同的jquery库。

当我使用zurb的基础框架以及jquery ui滑块时，我也有同样的错误。

问题# 1:基础框架3.2.4已经提供了jquery 1.8.1，我试图在基础文件之前包含我自己的jquery 1.9副本。(=重复的jquery包含)

问题# 2:包含的顺序。jquery ui需要包含在基础框架文件之后

相关文章：