2012-07-25 12 views
5

jQueryオフセット関数を使用して、絶対配置されたDIVをアンカー要素の上に配置しています。私はF5キーを押すことでページをリロードした場合jQueryページの更新時にオフセットが正しくない

$("#marker1").offset({ top: $("#<%= hypHowItWorks.ClientID %>").offset().top, left: $("#<%= hypHowItWorks.ClientID %>").offset().left }); 
$("#marker1").width($("#<%= hypHowItWorks.ClientID %>").outerWidth()); 

これが正常に動作ページが読み込まアップは、しかし、それは少しそれがshoudどこからオフセットDIVを表示します。私はその後、適切な場所に再びブラウザのページを前に行く!

これはChromeとFirefoxの最新の問題ですが、IE9では発生していません。

アイデア?

Chris。

+0

あなたのスクリプトは '$(document).ready'コールバックの中にありますか? – Engineer

+0

そのエラーを(再現する)(http://jsfiddle.net/5gkSr/)難しいですが、Firefoxでページを開き、 'Ctrl + Shift + i'を押して、その上にマウスを置くと_ _ marker_と表示され、どのスタイル属性が変更されたのか、それがわずかに相殺された理由がわかります。 – Stano

+0

ええ、文書の準備ができています。 – Chris

答えて

13

$(document).readyの代わりに$(window).loadイベントで試してください。

私は同じ問題を抱えていて、そのトリックで修正することができました!

+0

ありがとうございました。私の問題を解決しました。 –

関連する問題