0

IE7 で HTTPWatch を使用して、ページの読み込みが非常に遅い理由を特定しています。これは IE7 でのみ発生し、他のブラウザでは発生しません。2 つのコンテナに境界線を設定する 1 つの jquery 行に絞り込みました。

2 行目をコメントアウトすると、IE7 ではページの読み込みが大幅に速くなり、7 に比べて 2 秒かかりました。 

  $('.ccl, .ccr').css({'min-height':maxHeight});
  $('.ccl, .ccr').css({'border':'1px solid #ccc'});

私はこれまで経験したことがないので、他の誰かがこれを見たことがあるかどうか、そしてなぜこれが起こっているのかを知りたい. コードに問題はありません。ゆっくりと動作します。

4

2 に答える 2

1

これを試して？

var cached = $('.ccl, .ccr');
cached.css({'min-height':maxHeight});
cached.css({'border':'1px solid #ccc'});
于 2012-09-06T00:19:51.410 に答える
0

要素名を指定すると、IE7 は div 以外のものをすべて破棄できます (ただし、最新のブラウザーではパフォーマンスにわずかな影響があります)。CSS プロパティも 1 つのオブジェクトに配置します。

$('div.ccl, div.ccr').css({
    'min-height':maxHeight,
    'border':'1px solid #ccc'
});

.cclさらに良いことに、要素がページに対して一意である (列名のように見える.ccr) 場合は、id を追加できます。これが最速のソリューションになります。

$('#ccl, #ccr').css({
    'min-height':maxHeight,
    'border':'1px solid #ccc'
});

ボーダーの追加に問題があることを突き止めた場合は、クラスを追加して、スタイルシートで処理させます。

/* styles.css */

.ccl.border, .ccr.border {
  border: 1px solid #ccc;
}

/* site.js */
$('div.ccl, div.ccr').css('min-height', maxHeight).addClass('border');
于 2012-09-06T00:35:17.937 に答える