アクセス私はこのような状況に持っているグローバルなVAR

Question

：

talenti = $(".talenti"); 
filtra = $(".filtra"); 
wrapNavHeight = $("#wrapNav").outerHeight(true); 
filtra.click(function(e) { 
    e.preventDefault(); 
    $(".nasco").hide(); 
    $("#sliding-navigation").delay(delay).show(); 
    delay += 500; 
    talenti.removeClass('opened'); 
    filtra.addClass('opened'); 
    filtra.attr('id',"focF"); 
    talenti.attr('id',""); 
    if (filtra.hasClass("opened")) { 
     $("#wrapNav").slideToggle("100", "linear", function(){ 
      alert(wrapNavHeight); 
      $("#container").animate({"height": "+=wrapNavHeight"}, 100,function(){ 
       $(".box").animate({"top": "+=wrapNavHeight"}); 
      }); 
     }); 
    } 
}); 

は私がwrapNavHeightが、警告（wrapNavHeight）を取得しようとしています。ヌルを出力する。その値を次のアニメーション行に割り当てることはできません

誰でも？

Answer 1

それはあなたが変数にそれが表示されていない時点でのouterHeightの値を代入しているだけのことではないでしょうか？私はあなたがトグル遷移後にouterHeightを再評価する必要があると思います。

alert($("#wrapNav").outerHeight(true)); 

で

alert(wrapNavHeight); 

を交換しているが、いずれかの方が良いですかどうかを確認？

Answer 2

検索を試してください。

jQuery global variable best practice & options?

Answer 3

これはなぜ実際に起こったのか説明していません。

それが依存：なぜここでのオブジェクトとして使用されている

• を「この」オブジェクト「は、この」の呼び出しのために使用される
• 上記のすべてのコードを含む関数の呼び出しについて関数は、関数内にない場合は、実際に現在のthisオブジェクト（または「真の」グローバルオブジェクト（Webブラウザでwindow）にまで適用する「グローバル」の参照、あなたのコードの行4のJavaScriptでは

から始まる定義されました）

このように、上記で指摘した2つの機能のオブジェクトが異なる場合は、あなたが観察した状況が発生します。ブラウザで

は、デフォルト thisオブジェクトは通常 windowですが、関数が実行されると、これは applyに異なるパラメータを渡すことによって、またはメソッドとしての機能を呼び出すことによってそのように、変更することができます。

は通常、（あなたもこれを行うことができますapply--使用して）イベントに関連する有益なものにthisを再バインド私は真剣にjQueryを使用するので年でしたが、私は右のリコール場合は、jQueryのイベントハンドラ。

ので、外側の関数のthisがwindow以外の何か特別なことにバインドされていないが、単にあなたの所望の効果を達成するために、内部機能にwindow.wrapNavHeightとwrapNavHeightを置き換えると仮定。

（実際には、私が実際にだけではなく、外側の関数内でvarとしてwrapNavHeightを宣言します。スタイルの問題として、しかし、これをしないだろう、そしてあなたはレキシカルスコープを取得します。）