Хорошо, я добавил библиотеки 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)
Что могло быть причиной этого? Почему на одной странице слайдер можно увидеть, а на другой (которая использует тот же шаблон, который загружает вышеуказанный) - нет?
Пожалуйста, помогите!