无论我做出什么改变,我似乎都无法让 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);
});
有任何想法吗?