jquery - jQuery の幅が IE で機能しない

Question

HTMLにこれがあります（動的に追加されたり、そのようなものではありません）：

<div id="TEST" style="width:600px; height:300px;"></div>

そして私がこれを行うとき：alert(jQuery("#TEST").width());

... IE で 1280 を警告します! Chrome で 600 という警告が表示されます。何が問題になっているのでしょうか?

適用されるスタイルは次のとおりです。

ここに画像の説明を入力

EDIT 私はこれを試してみましたが、それでも1280です...

jQuery("#TEST").width(600);
alert(jQuery("#TEST").width());

もう一度編集

さて、jQuery の実装を調べてみましたが、これは、この if ステートメントから true を返しているためです。

if ("scrollTo" in elem && elem.document) ? // does it walk and quack like a window?

なぜ私のdivは「窓のように歩いたり鳴いたりする」のですか?

score 4 · Accepted Answer

スタイルがどこから来ているかを確認するには、レンダリングされたコンポーネントを表示する必要がありますが、について読む必要がありますouterWidth。

編集: 更新されたスクリーンショットを確認したら、要素をブロックレベルまたはインラインブロックレベルにする必要があります。インライン要素の幅を設定すると、要素の配置に基づいて変化するため、望ましい結果が得られません。

PS。a がブロック要素であることは知っていdivますが、コード内の何かがそれをインラインに強制していますか?

score 1 · Accepted Answer

1

多分CSS幅を取得しますか？

alert($("#TEST").css("width"));

于 2012-06-01T15:17:03.497 に答える

2 に答える 2