无论我做出什么改变,我都无法让Sly初始化。我也一直在sly.js的第439行收到错误。
起初我认为这只是本地测试的问题,直到我在jsFiddle中遇到同样的错误。
这是我制作的小提琴。 http://jsfiddle.net/8NxXR/
这是代码:
HTML标记
<div class='frame' id="headshots">
<ul class="slidee">
<li><img src="http://i.imgur.com/szX5beD.jpg" width="200" height="200" /></li>
<li><img src="http://i.imgur.com/szX5beD.jpg" width="200" height="200" /></li>
<li><img src="http://i.imgur.com/szX5beD.jpg" width="200" height="200" /></li>
<li><img src="http://i.imgur.com/szX5beD.jpg" width="200" height="200" /></li>
<li><img src="http://i.imgur.com/szX5beD.jpg" width="200" height="200" /></li>
</ul>
</div>
<div class="scrollbar">
<div class="handle"></div>
</div>
的Javascript
$(function() {
$scrollBar = $('.scrollbar');
$frame = $('#headshots');
var sly = new Sly($frame, {
horizontal: 1,
itemNav: 'forceCentered',
smart: 1,
activateOn: 'click',
mouseDragging: 1,
touchDragging: 1,
releaseSwing: 1,
startAt: 3,
scrollBar: $scrollBar,
scrollBy: 1,
speed: 300,
elasticBounds: 1,
easing: 'easeOutExpo',
dragHandle: 1,
dynamicHandle: 1,
clickBar: 1
}).init();
sly.activate(3);
});
有什么想法吗?