javascript - 分数 slider 不工作

Question

我已经从 @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!

谢谢!

Answer 1

在浏览器控制台中进行简单检查后发现，页面第 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>