ホームページ >ウェブフロントエンド >jsチュートリアル >IE6ブラウザでサイズ変更イベントが複数回実行される場合の解決策_基礎知識

IE6ブラウザでサイズ変更イベントが複数回実行される場合の解決策_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:46:511255ブラウズ

IE ブラウザでは、サイズ変更イベントが複数回実行されます。これは、IE6 と IE7 の間で広く認識されている問題であり、これら 2 つのバージョンのブラウザでは動作が異なります。通常、IE6 では IE7 よりも悪くなっています。
より良い解決策があります。jquery プラグインである jquery.wresize.js に助けてもらいましょう:
Js コード

コードをコピー コードは次のとおりです:

/*
======================= === ============================================== === ====
WResize は、IE ウィンドウのサイズ変更バグを修正するための jQuery プラグインです
................................. 。 ................................................................... .....
著作権 2007 / アンドレア エルコリーノ
---------------------- ----------------- --------------------------------- ---------
ライセンス: php"> http://www.opensource.org/licenses/mit-license.php
ウェブサイト: http://noteslog.com/
================== ============================== =================== ============
*/
( function( $ )
{
$.fn.wresize = function( f )
{
version = '1.1';
wresize = {fired: false, width: 0};
function raiseOnce()
{
if ( $.browser.msie )
{
if ( ! wresize.fired )
{
wresize.fired = true;
}
else
{
var version = parseInt( $.browser.version, 10 );
wresize.fired = false;
if ( version {
return false;
else if ( version == 7 )
{
/ /垂直方向のサイズ変更は 1 回、水平方向のサイズ変更は 2 回実行されます。
var width = $( window ).width();
if ( width != wresize.width )
{
wresize.width = width;
return
}
}
}
return
}
function handleWResize( e )
{
if (resizeOnce() )
{
return f.apply(this, [e])
; }
this.each( function()
{
if ( this == window )
{
$( this ).resize( handleWResize );
}
else
{
$( this ).resize( f );
これを返します;
};


使用方法は、このサンプル テスト ページを参照してください
:
Js コード


コードをコピー

コードは次のとおりです:




テスト ウィンドウのサイズ変更





テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト テスト テスト




声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。