ChromeでJQueryウィンドウの幅が正しくありません

この問題をデバッグするためのプラグインの裸の骨（つまり、機能はなく、構造のみ）に縮小したプラグインを作成しましたが、まだ存在しています。 divのサイズ変更を扱い、ドキュメントの幅に基づいています。ChromeでJQueryウィンドウの幅が正しくありません

問題は、レポートされたドキュメントの幅が実際の幅から17ピクセル小さくなっているため、divのサイズが正しくないことです。

私は、問題が発生した場所を見つけるために、アラートに入れている：「準備完了」機能の前に：「準備」機能インサイド1780px（正しい幅）：1763pxプラグイン内部：1763px （全ての値から返さ

これはChrome内でのみ発生し、プラグインが効果的に何も効果がなくなっても依然として残っています。

これはなぜ起こっているのですか？

出典

2009-05-20 Stuart

として

$(window).load(function() {});

を使用する必要があります。一部のコードは、問題のローカライズに役立ちます。 – Magnar

私はより具体的な場所に絞っています。レディ機能の前にアラートが表示されている場合、[OK]をクリックするとDivが正しくレンダリングされます。このアラートが削除されると、実際の幅の17pxに達しません。アラートが表示されたときに他のイベントや何か他のことが起こっていますか？ – Stuart

私は、スクロールバーを強制していたプレースホルダテキストをすべて削除しました。そして、ギャップはスクロールバーサイズのスペースに縮小されました。スクロールバーの幅が減算されていると思います。回避策のアイデアはありますか？ – Stuart

jQuery（window）.width（）がSafariとChromeで間違った値を返すことが判明しました。 jQuery documentationから取ら

出典

2010-01-22 14:29:42 andy

Webkitは実際に幅を定義する上でW3C標準に従いません。スクロールバーにはウィンドウの幅が含まれていますが、スクロールバーはウィンドウの幅に含まれてはいけないというスペックがありますBoooo！ – dudewad

：など画像などすべての資産が完全に受信されるまで、JavaScriptがページがレンダリングされたときにコードを実行するための負荷イベントを提供していますが、このイベントはを得ることはありません

がトリガ。ほとんどの場合、DOM階層が完全に構築されたらすぐにスクリプトを実行できます。を.ready（）に渡したハンドラは、DOMの準備ができてからが実行されることが保証されているので、は他のjQueryコードをで実行するのが最も良い場所です。 CSS スタイルプロパティの値に依存するスクリプトを使用する場合は、外部スタイルシートを参照するか、埋め込みスタイル要素を使用して、スクリプトを参照することが重要です。

コードがロード資産を依存している場合（例えば、画像の寸法が必要とされる場合）で、コード代わりに負荷イベントのハンドラ内に配置されるべきです。

あなたはおそらく、スクロールバーのサイズが差し引かれることかもしれませんトリガイベント

出典

2011-03-08 10:04:06 inalyricalcoma

$（window）.width（）をコンソールに置くと間違っています。それは呼び出されるタイミングではなく、CSSを介して幅の一部としてスクロールバーを含むChromeの問題ですが、JSではスクロールバーを減算したウィンドウ幅が使用されます。 – Sawtaytoes

ChromeでJQueryウィンドウの幅が正しくありません

答えて

関連する問題