无法初始化Jquery Sly

时间:2014-05-21 15:41:06

标签: sly-scroller

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


    });   

有什么想法吗?

0 个答案:

没有答案