offset（）。戻るウィンドウオブジェクト

Question

私はこれを得ることができません。

私は（オフセットを取得する必要があります）jQueryオブジェクトからトップ、これは私のコード

parentLi = $(element).parents("li"); 
parentLiOffset = parentLi.offset(); 
top = parentLiOffset.top; 
left = parentLiOffset.left; 
console.log(parentLiOffset); 
console.log(top); 
console.log(left); 

であり、これはコンソールが戻って与えるものである：。

Object { top=208, left=311} 
Window /demo/ 
311 

あなたが見ることができるように、I 「トップ」の価値を得ることはできません。私はそれが何か違いがあれば、firefoxのusinfです。

ありがとうございます！

Answer 1

問題は、変数を宣言するのにvarキーワードを使用していないことです。 topは、windowのプロパティです（読み取り専用のプロパティで、コードで上書きされません）。代わりに、次の操作を行います。leftはwindowのプロパティではありませんので、

var top = parentLiOffset.top; 
var left = parentLiOffset.left; 

leftは、varなしで動作します。コードでという名前のプロパティが作成され、leftという名前が付けられ、正しい値が割り当てられます。ただし、グローバルスコープに変数が漏れるのを防ぐには、常にvarキーワードを使用することをお勧めします。

topプロパティは、「ウィンドウ階層の一番上のウィンドウへの参照を返します」。

Answer 2

これらの変数をローカルに宣言するのを忘れました。

は、この操作を行います。事前に変数を宣言していない場合は

var top = ... 
var left = ... 

、彼らはグローバルプロパティとして扱われます。この場合、読み取り専用のwindow.topプロパティに書き込もうとしています。

変数を事前に宣言していないと、予期しない結果が発生する可能性があるため、危険です。

Answer 3

これは唯一のコードか、topとconsol.logの定義の間に何かがあるかどうかです。

そして、変数を宣言するときに変数の前に "var"を書き込むのは良いことです。