$ ("# slider_range"). Слайдер не является функцией - PullRequest
5 голосов
/ 27 сентября 2011

Хорошо, я включил библиотеки API Google для пользовательского интерфейса Jquery, например:

<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)

Что может быть причиной этого?Почему на странице виден слайдер, а на другой (который использует тот же шаблон, который загружает вышеупомянутый) нет?

Пожалуйста, помогите!

Ответы [ 2 ]

9 голосов
/ 28 сентября 2011

На второй странице были две разные библиотеки jquery.

1 голос
/ 22 января 2013

У меня была та же самая ошибка, когда я использовал основу Foundation из zurb вместе со слайдером jquery ui.

Проблема № 1: Фундамент Framework 3.2.4 уже поставляет jquery 1.8.1, и я попытался включить свою собственную копию jquery 1.9 непосредственно перед файлами фундамента. (= дубликаты jquery включения)

Задача № 2: порядок моих включений. JQuery UI должен быть включен ПОСЛЕ файлов основы фонда.

...