0

私は最近jQueryを学んでおり、やりたいことのほとんどを達成できますが、おそらくコードの行と行を無駄にし、更新を過度に複雑にしていることを認識しています.自分で学んだことはすべて、時間の経過とともに仕事を最適化するために私に起こりましたが、最初は醜いものを作成し、多くの時間を無駄にします.

問題は、ここでコード スニペットを求めているわけではありません。自分でそれを理解できると思います。学習プロセスのステップとして、この小さなプロジェクトにアプローチする方法を知りたいだけです。 jQuery コーダーの考え方を構築し始めることができます。

画面幅 100% のラッパーがあり、そのラッパーの中にオーバーフローが隠されているスライダーがあり、スライダーの中に 250*150 のボックスがたくさんあります。

これらの各ボックスをクリックすると、コンテンツが表示され、以前に開いていたボックスが閉じられます。これは、少しひねったアコーディオン システムのようです。

ひねりを加えたのは、開いているボックスが常に左 = 250px の位置にあることです。そのため、ボックス 3 をクリックすると、スライダーが左 (-500px) に移動します。

さて、私はそれを行うことができますが、問題は、私がそうする方法では、更新するのは悪夢になるということです。ここでの質問は、このプロジェクトにどのようにアプローチしますか?

最初にいくつかの変数を作成しますか? おそらく、それが閉じているか開いているかを識別するためのものでしょうか?左の位置をアニメーション化するときに 250 を掛けられるように、各 div に番号を付けますか? 子セレクターの使用とそうでないこと

うまくいけば、誰かがここで私を助けてくれることを願っています。

4

1 に答える 1

0

CSS3 のみを使用して動作させ、jQuery を使用して古いブラウザーで CSS3 をエミュレートします。jQuery は、最新のブラウザーでは必ずしも必要ではありません。特に、JavaScript データ構造から生成されるのではなく、CSS を使用してマークアップでコンテンツをデフォルトで非表示にできる場合は特にそうです。

于 2012-09-11T14:21:03.610 に答える