replace - sIFR: カスタム div で複数回機能しない

Question

sIFR rev を使用します。436、最新リリース。h1、h2、h3、h4 タグをページにある数だけ完全に置き換えます。ただし、カスタム div を置き換えようとすると、Replace Me と言うと、最初のインスタンスのみが置き換えられますが、ページ上の他のインスタンスは置き換えられません。これを 2.0 リリースでもテストしたところ、同じ結果が得られました。これは、私がこれを行うことができないというソフトウェアの単なる制限ですか?

Answer 1

id 属性には一意の値が必要です。同じ id を持つ要素が複数あるのは誤りです。

複数の要素に同じスタイルを使用するには、class 属性を使用します。

このhtmlを置き換えます

<div id="champion">DELICIOUS APPETIZERS</div>
<div id="champion">Appetizers</div>
<div id="champion">Ulitimate Trios</div>

と

<div class="champion">DELICIOUS APPETIZERS</div>
<div class="champion">Appetizers</div>
<div class="champion">Ulitimate Trios</div>

そして、これをsifr設定で置き換えます

sIFR.replace(champion, {
  selector: '#champion',
  css: '.sIFR-root { color: #c21212; }'
});

これとともに

sIFR.replace(champion, {
  selector: '.champion',
  css: '.sIFR-root { color: #c21212; }'
});

Answer 2

それはうまくいくはずです。

「Replace Me」はクラスですか、IDですか?

何が機能し、何が機能しないかを示す関連コードを貼り付けます。