javascript - jQueryUI 和 SlidesJS 冲突

Question

我无法摆脱看似简单的冲突问题。我有一个使用 jquery.1.8、jquery-ui.1.8.20 的页面，以及名为 SlidesJs 的非常好的幻灯片和轮播插件( http://slidesjs.com)。

在同一页面中加载 jQueryUI 和 SlidesJs 会使幻灯片JS 失去幻灯片过渡效果动画(当从一张幻灯片移动到另一张幻灯片时)。一切工作正常，但这个。我的幻灯片在没有动画的情况下切换，无论如何，滑动动画的速度都保持不变(在幻灯片切换之前我正确等待了几毫秒)。其他过渡效果(例如“淡入淡出”)效果很好。我尝试添加 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>