4

以前は Easy Slider jQuery プラグインを使用していましたが、今まで問題はありませんでした。そして、問題は奇妙です。このホームページをチェックしてください http://bit.ly/HKiWY6

ページには、2 つの値を示すアラートが表示されます。

$("#slider").width()

と

$("#slider3").width()

私はすでにcssで両方の値を設定しています。1 つは 710px で、もう 1 つは 700px です。

IE9 で実行すると、現在のウィンドウまたはドキュメントの幅に関係なく、両方の代わりに $(window).width() のデフォルト値が表示されます。FF と Chrome が正常に返されました。何故ですか？

4

2 に答える 2

10

outerWidth を試し、windows.ready イベント リスナーでラップして、幅が計算される前にすべての DOM 要素が適切にレンダリングされるようにします。

$("#slider3").outerWidth()
于 2012-04-16T08:26:55.517 に答える
6

過去に、特定のイベントが完全にバブルする前に使用したときに、jQuery の width()/height()/offset().top/.left などに問題がありました。効果があるかどうかを確認setTimeout(function() { alert($('#slider').width()); }, 0);します。これは、まさにあなたが必要としている安価な nextTick() トリックです。

于 2012-04-16T08:21:46.870 に答える