問題タブ [onresize]

• 宣言型 dojox.grid.datagrid で、table タグで onresizecolumn を使用しています。

onresizecolumn="columnResize(this.id,this.cellIdx)"

onresizecolumn は関数を呼び出します。特定の列のサイズを変更する際に、cellIdx を取得したいと考えています。

ブラウザー ウィンドウのサイズが変更されたときに、要素のサイズを変更し、ページで開いているすべてのポップアップを閉じる jquery を作成しました。

これは 100% ズームで問題なく動作します。ただし、90% 未満のズーム レベルでは、ウィンドウのサイズが変更されていない場合でも、onresize が呼び出され続けます。その結果、ポップアップは開かず、すぐに閉じます。

これはIE8でのみ発生するようです。Chromeでは問題なく動作します。

なぜこれが起こっているのか考えてみてください - それは単に IE8 のバグですか? 誰でも修正または回避策を提案できますか?

関数名がonresizeWindow()ありonresizeWindow2()、ページの頭に入れて div の高さを変更します。

次に、私のページのフッターにこれを入れました

ユーザーがボタンをクリックすると、このコードを配置します

問題は、ボタンをクリックした後、ページのページのサイズ変更機能が機能しなくなったことです。修正方法は？

以下のコードは Internet Explorer では問題なく動作しますが、Chrome ではデバッグ モードでしか動作しません。何が問題なのですか?

イベント ハンドラーでは何度もアクセスされるが、コードでは連続してアクセスされない DOM 要素がある場合、それらを変数に格納することは有益ですか? 例-

1. イベントハンドラーを設定していますonresize-ハンドラーでは、IDで要素を取得します。私が知っているように、このイベントはウィンドウのサイズが変更されると複数回トリガーされるため、グローバル変数でこれらの要素への参照を保持する方がよいでしょうか?

2. AJAX ベースの検索を実装します。入力テキスト要素があり、イベントのハンドラーを設定しonkeyupました。ハンドラーでは、結果を設定するために ID でいくつかの要素を取得する必要があり、また、他のいくつかの要素を非表示および表示 (css) する必要があります。ここで同じ質問です-それらを保存することでパフォーマンス上の利点が得られるか、それとも意味がありませんか?

他の関数を呼び出すために使用できる JavaScript/jQuery 関数を作成しようとしています。または、ユーザーがブレークポイントのしきい値を超えてウィンドウのサイズを変更した場合、またはデバイスを横向きから縦向きに回転した場合に基づいて CSS/LESS を設定しようとしています。

現在、私は以下を使用しています：

しかし、これは理想的ではありません。ユーザーがウィンドウを大きくしたり小さくしたりしている間に関数が文字通り何度も実行される可能性があるため、必然的にユーザー エクスペリエンスに負担や遅延が生じるためです。

代わりに、ブレークポイントの変更時に起動する方法、または 1 秒または 2 秒ごとに onResize を実行する方法、またはユーザーがウィンドウのドラッグを停止した後に実行する方法はありますか?

そうすれば、処理強度はかなり低くなります。

Ps ブレークポイントと言うときは、モバイル、BigMobile、タブレット、Retina ディスプレイ、タブレットの幅設定があることを意味します。

しかし、単にモバイル、タブレット、デスクトップも妥協点になる可能性があります。

onResize で集中的な処理を行わずにブレークポイントの変更を検出するにはどうすればよいですか。これをどの方向に進めるかについてのヒントはありますか？

サイズ変更時にアスペクト比を維持するために Jquery を使用しています。小さな画面では、このスクリプトを別のクラスで使用したいと考えています。最初のロードではすべて問題なく動作するようです。

しかし、ウィンドウのサイズを 768 より大きいサイズから 767 より小さいサイズに変更すると、リロードしない限りスクリプトは機能しません。不思議なことに、767 未満の小さなウィンドウでサイトをロードし、768 を超える大きなウィンドウにサイズを変更すると、スクリプトは機能し、サイズを変更しても機能し続けます。これを解決する方法はありますか？

ユーザーが次のスクリプトを使用して画面のサイズを変更したときに、ページをリロードしようとしています。

上記のスクリプトの本当の目的は、ユーザーが iPad を回転させたときにページをリロードすることです。Safari では問題なく動作しますが、chrome ではまったくリロードしません。ただし、PC Chrome Emulator で iPad を選択してテストすると、正常に動作します。ページはサイズ変更時にリロードされます。問題を解決するにはどうすればよいか書いていただけますか？

私はレスポンシブサイトをやっていて、次に使用しています:

ナビゲーターが全幅で [元に戻す] ボタンをクリックすると、ウィンドウのサイズが 768 未満の幅に変更され、addEventListener("resize") 内のコードが機能しません。以下のこれらの画像は、この「リサイズ」の状態を示しています。私のコードは、マウスのポインターを使用してウィンドウのサイズを変更した場合にのみ機能します。

この状況の解決策はありますか？