Question

我正在使用jQuery Roundabout插件。我还为其他一些组件包含了jquery.easing.1.3.js。现在当我添加对jquery.easing.1.3.js的引用时，圆形动画效果消失了，它改变了项目而没有将它们圆圈化。

还有其他人遇到过这个问题吗？

这是我正在使用的代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.roundabout.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>

<script type="text/javascript">
(function($) {

var $descriptions = $('#carousel-descriptions').children('li'),
    $controls = $('#carousel-controls').find('span'),
    $carousel = $('#carousel')
        .roundabout({childSelector:"img", minOpacity:1, autoplay:true, autoplayDuration:5000, autoplayPauseOnHover:true })
        .on('focus', 'img', function() {
            var slideNum = $carousel.roundabout("getChildInFocus");

            $descriptions.add($controls).removeClass('current');
            $($descriptions.get(slideNum)).addClass('current');
            $($controls.get(slideNum)).addClass('current');
        });

    $controls.on('click dblclick', function() {
    var slideNum = -1,
        i = 0, len = $controls.length;

    for (; i<len; i++) {
        if (this === $controls.get(i)) {
            slideNum = i;
            break;
        }
    }

    if (slideNum >= 0) {
        $controls.removeClass('current');
        $(this).addClass('current');
        $carousel.roundabout('animateToChild', slideNum);
    }
});

}(jQuery));
</script>

Answer 1

适合我。

http://jsfiddle.net/hv8Lx/

只是添加缓动插件会让动画消失吗？

你尝试过使用过吗？

.roundabout({childSelector:"img", minOpacity:1, autoplay:true, autoplayDuration:5000, autoplayPauseOnHover:true, easing: 'easeOutBounce' })

jQuery Roundabout：与jquery.easing.1.3.js冲突

1 个答案: