[英]$(“#slider_range”).slider is not a function
好的,我已经为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>
ideea是在页面上显示滑块而在另一个页面上没有。 我从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。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.