2014-07-24 5 views
-1

유무의 flexslider :Flexslider 및 JQuery와 UI 충돌

$(window).load(function() { 
    // The slider being synced must be initialized first 
    $('#carousel').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    itemWidth: 210, 
    itemMargin: 5, 
    asNavFor: '#slider' 
    }); 

    $('#slider').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    sync: "#carousel" 
    }); 
}); 

DEMO

모든이 크게 작동합니다. 하지만 jquery UI가 포함 된 경우 - 슬라이더가 작동하지 않습니다.

DEMO with UI

내가 그것을 어떻게

을 을 고칠 수

?

답변

3

jqueryjquery ui 버전을 변경하십시오. jsfiddle에서 jquery.2x (edge)와 jquery ui 1.10.3을 사용하십시오.

여기가 작동 중입니다. http://jsfiddle.net/lotusgodkk/83PaB/2/