의 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>'); 
    } 

기술 지원 - 총알 그림 2에서 데이터를 얻을하고자하는 데이터에 geting 내 기능입니다

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

내 문제가 -sname .. 내 두 번째 코드는 ...이 날 도와주세요 작동하지 않습니다 ..

사전에 감사합니다!

Answer 1

업데이트와 같은 코드 :

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

이 문서의 로딩 후 DOM에 추가지고 DOM 요소에 event 핸들러를 결합하는 이벤트 위임 기술이다.