javascript - jQueryUI和SlidesJS冲突

我无法摆脱似乎是一个简单的冲突问题。我得到了一个使用jquery.1.8，jquery-ui.1.8.20的页面，以及一个非常漂亮的幻灯片和转盘插件，名为SlidesJs（http://slidesjs.com）。

在同一页面中同时加载jQueryUI和SlidesJs会使slidesJS丢失是幻灯片过渡效果动画（当从一张幻灯片移动到另一张幻灯片时）。一切正常，但是。我可以在没有动画的情况下进行幻灯片切换，无论如何都可以保持滑动动画的速度（在切换幻灯片之前正确等待了毫秒）。其他过渡效果（如“淡入淡出”）效果很好。
我尝试添加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,
    });
});

有人遇到同样的问题吗？

最佳答案

尝试删除图像周围的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>

关于javascript - jQueryUI和SlidesJS冲突，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12191532/