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

WBOY
リリース: 2016-05-16 18:22:17
オリジナル
1208 人が閲覧しました

次に、ページ上に 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;
},


幅が変更されたときにのみ再レイアウト イベントをトリガーする必要がある...
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!