javascript - 分数滑块不起作用

我已经从@jacksbox下载了Fraction Slider，现在无数次浏览了文档，无法弄清楚为什么我的滑块无法显示其应有的效果。这是我正在工作的网站：http://pacificdesignacademy.com/NEW/2，这是滑块应做的一个示例：http://jacksbox.de/stuff/jquery-fractionslider/。

这是我的js的路径：../NEW/2/fractionslider/jquery.fractionslider.js

这是我的css的路径../NEW/2/fractionslider/fractionslider.css

无论我定义了包含在隐藏元素中的overflow：hidden，所有图像都只是一个堆叠在一起。

不知道在这里还能做什么，因此非常感谢您的帮助。我应该在9月1日启动这个网站。

谢谢！

最佳答案

在浏览器的控制台中进行的简单检查显示，页面的第594行出现语法错误。您有一个右括号而不是一个大括号。

更新在解决此问题后，现在出现错误：


  未捕获的ReferenceError：未定义jQuery


我建议您在包含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 - 分数滑块不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18322248/