jquery - 在Jquery UI选项卡上添加flexslider(s)-使它们工作

我有一个flexslider在第一个Jquery UI选项卡上工作，但是当我在第二个Jquery UI选项卡上放一个nogo ....有人知道您还需要添加什么才能使此功能起作用？我包括了一个无法正常工作的Jfiddle：

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

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

JFIDDLE

该链接有答案，但没有任何证据可工作。

<script type="text/javascript">
jQuery(document).ready(function($) {
     $(".ui-tabs").tabs({ select: function (event, ui) {
          if ($(ui.panel).find('.advanced-slider').length) {
               var interval = setInterval(function() {
                    if ($(ui.panel).css('display') == 'block') {
                         $('.advanced-slider').advancedSlider().doSliderLayout();
                         clearInterval(interval);
                    }
               }, 100);
          }
     }});
});
</script>

从此链接：

LINK

所以我想知道是否将其实现到flexslider。

最佳答案

我找到了一个方法！

@isherwood谢谢您的路很近，但是它确实帮助我确定了ui选项卡的CSS：

.ui-tabs__panel {
    display: block !important;
    position: absolute;
    opacity: 0;
    z-index:0;
    top: 5em;
    left: -9999em
}

.ui-tabs__panel--active {
    opacity: 1;
    z-index:1;
    left: 0;
}