特定の条件が満たされたときに通知を表示する小さな関数を作成しているので、条件が true を返した場合、set クラスの要素に通知を含む div 要素を追加しますが、chrome では正しく動作しません。要素が 3 つ未満である限り、通知のみを追加します。Mozilla と Opera でテストしたところ、うまく動作しました。
次のようなもの;
if (jQuery('.notice iframe:hidden').length) {
jQuery('.notice').append('<div class="message">Hello World</div>');
};
ページの HTML サンプル
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
<div class="notice"><iframe>content</iframe></div>
jQuery コードが行うことは、iframe 要素が非表示かどうかを確認することです。非表示の場合は、クラス「notice」を持つ各要素に、hello world メッセージを含む div を追加します。
ここでの問題は、Chrome で正しく動作しないことです。要素が 3 つしかない場合にのみ機能します。