jQueryのクリックイベントが

Question

がここにjqueryの中に私のコードで私のコードで作業していない、と私はここに

$.ajax({ 
    type:"POST", 
    url:"includes/bullet-chart.php", 
    data:{ 
     daterange:ym 
    } 
}).done(function(e){ 
    var tech_support = JSON.parse(e); 
    //console.log(tech_support); 
    for(i=0;i<t_s.length;i++){ 
    //console.log("support:"+tsn + ", complete:" + tsc + " ,Pending:"+ tsp +", isExist:"+isExist); 
    $("#div-charts").append('<div class="tech-support-list">'+ 
    ''+ 
    '<div class="tech-support-name">'+t_s[i]+'(<label id="i'+t_s[i]+'"></label>)</div><div class="support-charts">'+ 
    '<div class="tech-support-bullet-chart1" id="'+t_s[i]+'-close">'+ 
     '</div><div class="spacer"></div>' + 
     '<div class="tech-support-bullet-chart2" data-sname="'+t_s[i]+'" id="'+t_s[i]+'-open">' + 
     '</div></div></div>'); 
    } 

ハイテクサポート-弾丸chart2でデータを取得したいことは、データをgetingの私の関数であります-sname

$(".tech-support-bullet-chart2").click(function(){ 
var name = $(this).data("sname"); 
alert(name);}) 

と私の問題私の第二のコードが動作しません。.. ..ですこれで私を助けてください..

は、事前にあなたに感謝！

Answer 1

のようにコードを更新します。

$(document).on("click", ".tech-support-bullet-chart2", function(){ 
    var name = $(this).data("sname"); 
    alert(name); 
}) 

これは、ドキュメントの読み込み後にDOMに追加取得しているDOM要素にeventハンドラをバインドするイベントの委任技法です。