0

スライドを表示するためにflexslider2を使用しています。

しかし、最初のページの読み込み時にli要素の幅が正しく計算されないという問題があります。

Firebugを開いてインラインスタイルをクリックすると、幅が変わり、すべてが正しく表示されます。また、ブラウザのサイズを変更するだけで、すべてが正しくなります。

なぜこの問題が発生するのですか？

flexsliderコードを調べると、次のことがわかります。

 slider.computedW = slider.itemW - slider.boxPadding;

サイズ変更時に、computedWのみを使用するためです。

  if (vars.smoothHeight) methods.smoothHeight();
        slider.newSlides.width(slider.computedW);
        slider.setProps(slider.computedW, "setTotal");

私を助けてください！！！

4

1 に答える 1

0

フレックススライダーはコンテナの中にありますか？その場合、ページが読み込まれたときにその特定の高さに自動的に調整されるようにflexsliderを設定できます。

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");    
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });

また、コンテナがフレックススライダーとは少し異なる高さである場合は、以下で使用できます。（「5」は、高さを変更するピクセル数です）

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");
  containerheight = containerheight -5;
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });
于 2012-09-20T19:08:21.603 に答える