1

无论我做出什么改变,我似乎都无法让 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);


    });   

有任何想法吗?

4

0 回答 0