1

よろしくお願いします！

ここで解決する小さなプロジェクトがあります...

…必要な目標を説明するために、ここで jsfiddle をプレイしてセットアップしました…</p>

...タブ要素を上下に配置しました...上のタブは緑、下のタブは赤です...</p>

…赤のタブの一番下の行は、別のグラフィックを適用する必要があるため、別の CSS クラスである必要があります…</p>

..私はフィドルを持っていましたが、タブの一番上の行の「moving_bg」クラスと一番下の行の「moving_bg-B」クラスの両方に対応するためにこれをバインドすることはできません。

…基本的にコンテンツの 8 つの UL ブロックは、その中央のコンテナーを共有する必要があります。

http://jsfiddle.net/AMCBP/

…ご覧のとおり、正しい html 構造と css が適用されていますが、タブの一番下の行を使用すると、UL ブロックは UL ブロック番号 4 を超えてスライドしません。

... jquery noobとしての支援、ポインタは非常に高く評価されています!

4

1 に答える 1

0

問題はこれでした：

   var background = $(this).parent().find(".moving_bg");

一番上のタブである1 つのクラスに対してのみアニメーションを作成し.moving_bgたので、アニメーションは完全に機能していました。一番下のタブには.moving_bg-Bクラスがあるため、そのクラスのアニメーションは配置されていません。

Top タブと Bottom タブの両方のアニメーションを一緒に使用する場合は、両方のクラスの結合を使用する必要があります。

 var background = $(this).parent().find(".moving_bg,.moving_bg-B");

上記のコードでは、両方のクラスの結合を行っています。

JSfiddle を更新してください: http://jsfiddle.net/AMCBP/2/

于 2012-07-07T13:10:19.723 に答える