Question

我无法从似乎是一个简单的冲突问题中解脱出来。我有一个页面使用 jquery.1.8 ， jquery-ui.1.8.20 ，以及用于幻灯片和旋转木马的非常好的插件，名为 SlidesJs （ http://slidesjs.com）。

同时在同一页面中加载jQueryUI和SlidesJ使slideJS失败是幻灯片过渡效果动画（从幻灯片移动到另一个）。一切正常，但这个。我的幻灯片切换没有动画，无论如何滑动动画的速度都保持不变（在滑动切换之前我的毫秒正确等待）。其他过渡效果如“淡入淡出”效果很好。我尝试添加jquery.easing插件（http://gsgd.co.uk/sandbox/jquery/easing/）并显式使用一些缓动效果，但没有任何改变。

这是我对SlidesJS的初始配置。

    $(function(){
    $('#slides').slides({
        preload: true,
        generateNextPrev: false, //Default is false
        container: 'slides_container', //Default is "slides_container"
        pagination: true, //if slider use pagination, Default is TRUE
        generatePagination: true,
        slideSpeed: 250,
        effect: 'slide, fade',              
        preloadImage: '../images/loading.gif',              
        play: 0,
    });
});

有同样问题的人吗？

Answer 1

尝试删除图片周围的div。

http://slidesjs.com/#docs

<div id="slides">
    <div class="slides_container">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
    </div>
</div>

Answer 2

打开slides.jquery.js并找到第98和99行

查找


    position = width*2;
    direction = -width*2;

Replace:


    position = option.width*2;
    direction = -option.width*2;

jQueryUI和SlidesJS发生冲突

2 个答案: