0

最初の Jquery UI タブで動作する flexslider がありますが、2 番目のタブに配置すると、うまくいきません....この機能を動作させるために他に何を追加する必要があるか知っている人はいますか? 私は動作していないもののJfiddleを含めました：

$('#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にどのように実装するのか疑問に思っています。

4

1 に答える 1

0

私は方法を発見しました！

@isherwood ありがとうございます

.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;
}
于 2013-08-15T18:28:22.047 に答える