0

私はpxで巨大な幅のjqueryuiスライダーを持っています。

.scroll-content {width:2400px;}

と構造：

<div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
   <div class="scroll-content">
     <div class="scroll-content-item ui-widget-header"><img src="img/img1.jpg" /></div>
     <div class="scroll-content-item ui-widget-header"><img src="img/img2.jpg" /></div>
   </div>
 <div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
  <div class="scroll-bar"></div>
 </div>
</div>

どうすれば内側の要素の幅を取得し、その幅をスライダーコンテナに入れることができますか？

ありがとうございました

4

1 に答える 1

1

これを実際に行う方法はいくつかあります。1つは、divをループしてscroll-content-itemそれぞれの幅を合計し、メインのscroll-contentdivを適用することです。

var totalWidth = 0;

$('.scroll-content-item').each(function(){
    totalWidth = totalWidth + $(this).width();
});

$('.scroll-content').css('width', totalWidth + 'px');
于 2012-12-06T10:21:51.167 に答える