0

水平スクロール バー (jscrollpane) を使用して、DIV 内にいくつかの画像があります。

最初にすべての画像の幅を取得し、その幅をコンテナーに割り当てていますが、写真の高さ (400px/600px) を変更するボタンを作成したいと考えています。ボタンをクリックして高さを変更すると、すべての画像の幅も再計算する必要があります-それが私の問題です。

画像の幅を計算して div に割り当てるためにコードが壊れているのは何ですか?

私のコード:

$(window).load(function(){
  $('.minus-button').click(function() {
  //alert('clicked');
    $(".scroll-content-item img, .scroll-content-item, .jspContainer").css('height', 200);
    $('.scroll-content').each(function(){
      var wrapper = $(this);
      var wrapperWidth = 0;

      wrapper.find('.scroll-content-item img').each(function(){
         wrapperWidth += $(this).outerWidth(true);
      });

      wrapper.css('width', wrapperWidth);
    });
 });
 });

何か案は？ありがとう！リンク: http://bit.ly/TJaqC6

4

1 に答える 1

0

多分これ、imgにはscroll-content-itemクラスがないため、scroll-content-item http://api.jquery.com/child-selector/のクラスを持つ親を持つすべてのimgが選択されます

wrapper.find('.scroll-content-item > img').each(function(){
         wrapperWidth += $(this).outerWidth(true);
于 2012-12-07T19:07:50.480 に答える