Jquery関数がグローバル変数にアクセスできない

Question

javascriptオブジェクトから値を取得および設定する2つのjqueryクリック関数があります。

var poly; 

$(document).ready(function() { 
    //save drawing 
    $("#save").click(function() { 
     poly = new Polygon(); 
     poly.savedrawingaspoly(map.polygonevent); 
     poly.tract = tract; 
     poly.name = $('#polyname').val(); 
     console.log(poly); 
    }); 

    $("#btnClear").click(function() { 
     console.log(poly); 
     //poly.clearplot(); 
    }); 
}); 

console.log(poly);$("#save").clickで作品。 console.log(poly);が$("#btnClear").clickの場合は未定義が返されます。どのように変数の範囲を広げるので、2番目の変数は変数を見ることができますか？ありがとう。

Answer 1

あなたは世界のように定義し、維持するためにウィンドウオブジェクトを使用してイベントや機能を越え

$(document).ready(function() { 
    //save drawing 
    var poly = new Polygon(); 
    $("#save").click(function() { 
     poly.savedrawingaspoly(map.polygonevent); 
     poly.tract = tract; 
     poly.name = $('#polyname').val(); 
     console.log(poly); 
    }); 

    $("#btnClear").click(function() { 
     console.log(poly); 
     //poly.clearplot(); 
    }); 
}); 

Answer 2

をオブジェクトを格納してアクセスすることができますあなたの変数はブラウザのコンテキストで。したがって、新しいコードは次のようになります：

$("#save").click(function() { 
     poly = new Polygon(); 
     poly.savedrawingaspoly(map.polygonevent); 
     poly.tract = tract; 
     poly.name = $('#polyname').val(); 
     console.log(poly); 

     window.poly = poly; 
}); 

上記のコードを実装した後、任意の機能を通じて、またブラウザコンソールからポリにアクセスすることができます。

Answer 3

を、それを使用.data()#saveのjQueryオブジェクトで

$(document).ready(function() { 
    //save drawing 
    $("#save").click(function() { 
     $(this).data().poly = new Polygon(); 
     $(this).data().poly.savedrawingaspoly(map.polygonevent); 
     $(this).data().poly.tract = tract; 
     $(this).data().poly.name = $('#polyname').val(); 
     console.log($(this).data().poly); 
    }); 

    $("#btnClear").click(function() { 
     if ($("#save").data().poly !== undefined) { 
      $("#save").data().poly.clearplot(); 
     } else { 
      console.log($("#save").data()) 
     } 
    }); 
});