ホームページ >ウェブフロントエンド >jsチュートリアル >IE は DOM ノードを動的に追加して window.resize event_javascript スキルをトリガーします

IE は DOM ノードを動的に追加して window.resize event_javascript スキルをトリガーします

WBOY
WBOYオリジナル
2016-05-16 18:22:171248ブラウズ

次に、ページ上に DOM 要素を動的に追加するいくつかのイベントがあります。たとえば、特定のレイヤーをクリックすると、そのレイヤーの詳細が下部にリストされます。ただし、IE6 では問題ありません。 8、レイアウトは毎回再レイアウトされます。

たとえば、レイヤーをドラッグすると、レイヤーを離すとそのレイヤーのコンテンツが下部に表示されます。ドラッグ前の位置に戻ります...

最初は再レイアウトだと分かりませんでした... それから長い間デモして、長い間苦労しました。 、window.resize をトリガーする DOM ノードの動的追加により、ページが再レイアウトされる可能性があると感じました...

最後に、思わず「神よ…」と叫びました。幸いなことに、ウィンドウの高さを変更してもページのレイアウトには影響しません。そうでないと非常に面倒になります...

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

bindResizeWindow:function(){
var obj = this; ){
var newWidth = $(window).width();
if(newWidth == obj.windowWidth){return;}
obj.initUI()
obj.createUI() ;
obj.windowWidth = newWidth;
},


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