アコーディオン内に追加されたHTML項目でjavascriptを実行する

Question

これで、アコーディオンにJSONデータを設定しています。私がこれを行う方法を知っている唯一の方法は、divにHTMLを追加することです。ここに私のコードは次のとおりです。

$.getJSON('/industry_tree.json', function(data) { 
    $("#accordion").accordion(); 
    for (i in data) { 
     acc_html += '<h3><a href="#">'+data[i].data+'</a></h3>'; 
     acc_html += '<div>'; 
     for (j in data[i].children) { 
      acc_html += '<li>'+data[i].children[j].data+'</li>';       
     } 
     acc_html += '</div>'; 
    }     
    console.log(acc_html); 
    $("#accordion").append(acc_html); 
    $("#accordion").accordion("destroy").accordion({autoHeight: false});   
}); 

私は<li>は、それがクリックされますJS毎回のいくつかの並べ替えを実行したいです。問題は、私がappendを介して追加している場合、どうすればいいのか分かりません。

Answer 1

追加すると、ページ上の他の操作と同じように操作できます。例えば

：

$("#accordion li").click(function(){...}); 

Answer 2

は、それを使用してみてください：

$("#accordion li").click(function(){ 
    console.log($(this)) 
    //$(this) is your element 
});