0

私は10000pxのDIVを持っています。この DIV 内には、以下のようにさまざまな 500px DIV があります。

<div class="huge-div">
   <div class="some-div">
   <div class="some-div">
   <div class="new-div">
   <div class="new-div">
   <div class="new-div">
</div>

クラス「new-div」で最初の DIV を見つけ、「huge-div」を再配置して、ブラウザ/ビューの左側に最初の「new-div」が表示されるようにする必要があります。

これまでのところ、最初の DIV を見つけて新しいクラスを追加し (色を変更するため)、「新しい div」に基づいて「巨大な div」を左に並べるように指示する方法がわかりません。第一印象。

$('.new-div').first().addClass('great').---line-up "huge-div" to the left---();

///

4

1 に答える 1

1

このような？ http://jsfiddle.net/8WYpW/1/

ラッパーを追加します。

<div class="huge-div">
    <div class="wrapper">
       <div class="some-div">test</div>
       <div class="some-div">test</div>
       <div class="some-div great">great</div>
       <div class="some-div">test</div>
       <div class="some-div">test</div>
    </div>
</div>

次に、負のマージンに基づいて配置します。

$(function() {
    setTimeout(function() {        
        $('.huge-div').animate({marginLeft: -$('.great').offset().left});
    }, 1000);
});

編集

そこに直接移動するには、アニメーションの代わりに css を使用します。

$('.huge-div').css({marginLeft: -$('.great').offset().left});
于 2012-12-06T21:27:42.410 に答える