我已经从 @jacksbox 下载了分数 slider ,并且已经浏览了无数次文档,但无法弄清楚为什么我的 slider 不会显示它应该显示的效果。这是我正在开发的网站:http://pacificdesignacademy.com/NEW/2这是 slider 应该执行的操作的示例:http://jacksbox.de/stuff/jquery-fractionslider/ .
这是我的js的路径:../NEW/2/fractionslider/jquery.fractionslider.js
这是我的 css ../NEW/2/fractionslider/fractionslider.css 的路径
无论我在包含元素上定义溢出:隐藏,所有图像都只是堆叠在一起。
不知道在这里还能做什么,因此非常感谢您的帮助。我应该在 9 月 1 日启动这个网站...eep!
谢谢!
最佳答案
在浏览器控制台中进行简单检查后发现,页面第 594 行存在语法错误。您有一个右括号而不是左大括号。
更新修复该问题后,您现在收到错误:
Uncaught ReferenceError: jQuery is not defined
我建议您移动代码并将其放置在包含 jQuery 和 slider 插件之后,因此您的页面应如下所示:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="fractionslider/jquery.fractionslider.js"></script>
<script type="text/javascript">
jQuery(window).load(function(){
$('.slider').fractionSlider({
'fullWidth': true,
'controls': true,
'pager': true,
'responsive': true,
'dimensions': "1200,400",
'increase': false,
'pauseOnHover': true
});
});
</script>
关于javascript - 分数 slider 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18322248/