在Jquery UI选项卡上添加flexslider-使其工作

我有一个flexslider在第一个jQueryUI选项卡上工作，但是当我在第二个选项卡上工作时，它就不起作用了……有人知道你还需要添加什么才能使这个功能工作吗？我包括了一把不起作用的小提琴：

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

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

这个链接有答案，但没有任何证据证明有效。。。。我看到Advanced Slider采用了以下方法使其工作：

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

通过此链接：

因此，我想知道我将如何将此实现到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;
}

---

类似的问题很多。在选择选项卡后，必须初始化每个滑块，因为这些隐藏元素没有大小，所以滑块无法对其进行计算。是的，在我问这个之前，我会尝试寻找类似的东西…运气不好Yet可能重复感谢@isherwood我添加了一条注释…需要弄清楚这是对jquery的编辑还是cssI找到了方法！！这只是CSS