Flexslider和Jquery UI冲突

Question

使用拇指进行flexslider：

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

我该如何解决？

Answer 1

更改jquery和jquery ui版本。在jsfiddle中使用jquery.2x（edge）和jquery ui 1.10.3。

这是在这里工作：http://jsfiddle.net/lotusgodkk/83PaB/2/