関数はjQueryのAJAXのHTMLインジェクション

Question

後、私は...同じページで

var href=$('.poplight').attr("href"); 
    $('.poplight').attr("href","#"); 
    $('.poplight').click(function(){ 
     $.get(href, function(data) { 
       $("#popup-contents").html(data) 
        // inserts <div id="additionalInfo"> 
        // <legend id="legend-params">Legend</legend> 
        // <div id="toggle"> This should toggle </div> </div> 

      } 
     ); 
    }); 

</script> 

をWebページ上で次のAJAX呼び出しを持って動作しない、トグルというリンクの.jsスクリプトがあります#toggle divは凡例がクリックされるたびに表示されます。これはすべて別々のページ（凡例のトグルだけ）でうまく動作しますが、私はそれをAjax呼び出しで動作させることはできません。私は、jqueryが特定のドームに「付着」するときに行う必要があると考えています...確かに実際に知るためにjqueryの内部について十分に知りません。

ここに外部スクリプトがあります。私はonloadで試して、HTMLでインラインで追加しました。これらの関数は、凡例をクリックすると実行されます（.show（）メソッドの後に警告（ 'test'）を挿入すると、警告ウィンドウが表示されます）。

$('#toggle').hide();            
$("#legend").toggle(
    function() { 
     $("#toggle").show("slide", {direction: "up"}, 200); 
    }, 
    function() { 
     $("#toggle").hide("slide", {direction: "up"}, 200); 
}); 

助けがあれば助かります。

Answer 1

上記のコメントは、私が問題を解決するのに役立ちました（私は彼らがSOの "アルゴリズム"によってコメントに変換されたと思います...答えとしてマークしていたはずです）。 私は基本的に変更されました：

$（ "＃伝説を"）に

に$（ "＃伝説"）（...）を切り替える（、 'クリック' functionX（）...）。。 ここでfunctionXは、大域変数がtrueまたはfalseだった場合にいくつかのことを隠すifステートメントでした。おそらく最も清潔な解決策ではないかもしれないが、それは仕事をした。