1

私はこれを3回経験しましたが、このシナリオを回避する方法を学ぶ時が来たと感じています.

通常、私は HTML を作成します。構造とビジュアル デザインに満足したら、jQuery を使用してイベントやその他のものを結び付けます。

クライアントが小さな変更、または HTML の変更を必要とする中程度の変更を要求する場合があります。これにより、JavaScript コードが壊れてしまいます。これは、もはや存在しない HTML セレクターに依存しているためです。

Web サイトを作成するたびに、この穴に自分自身を掘り下げないようにするにはどうすればよいでしょうか? 読むべき記事はありますか？

4

1 に答える 1

5

セレクターの脆さを軽減します。

  • インデックス、次の兄弟、直接の子などによるセレクターを使用しないでください。
  • クラスを使用して、HTML 内のタグ名と要素の位置を変更する必要がある場合でも、セレクターは引き続き機能します
  • セレクターを指定せずに、parent() または child() を使用しないでください。特定のクラスを持つ親または子を必ず探してください

やり直しの量によっては、スクリプトを更新する必要がある場合があります。それらは可能な限り分離しておいてください。ただし、スクリプトと HTML の間のインターフェースである結合が常に存在します。インターフェイスを変更せずに実装を変更できるようなものです。新しいインターフェイスを必要とする新しい動作が必要になる場合があります。

あなたを助ける最善の方法は、jQuery コードの変更を必要とした HTML の変更の小さなサンプルを示すことだと思います。次に、HTML を更新するときに JS への変更を最小限に抑える方法を示します。

于 2012-05-24T19:05:43.763 に答える