jQueryUI and SlidesJS conflict

Question

간단한 충돌 문제가있는 것에서 벗어날 수 없습니다. 나는 슬라이드 쇼를위한 사용하여 페이지, 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의 내 init 구성입니다.

$(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;