$(“#slider_range”).slider 不是函数

Question

好的，我已经包含了用于 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)

What might be Cause this?为什么在一个页面上可以看到滑块，而在另一个页面上（使用与加载上述内容相同的模板）则看不到？

请帮忙！

Answer 1

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

Answer 2

当我使用 zurb 的基础框架和 jquery ui slider 时，我遇到了同样的错误。

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

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