아약스 기능은 동적 DIV

Question

작동하지 않습니다

의 onclick에 대한 나의 기능은 다음과 같습니다

$(document).ready(function() { 
    $('.mydata').click(function() { 
     alert($(this).attr('data')); 
    }); 
});​ 

정적 요소는 작동합니다

<div><span id='moreinfo' class='mydata' data="25">Click Me!</span></div> 
<div><span id='moreinfo' class='mydata' data="250">Click Me Too!</span></div> 

그러나 같은 요소로 채워 사업부 쌍을 동적으로하지 않습니다 기능을 끕니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 당신이 이벤트 위임을 필요 http://jsfiddle.net/KubXr/

Answer 1

:에

코드 예제는

$(function(){ 
    $(document).on('click', '.mydata', function() { 
    alert($(this).attr('data')); 
    }); 
}); 

이는 mydata 클래스가 포함되어있는 경우 이벤트를해야합니다 모든 요소, 기존 또는 미래, 동적으로 추가가, 트리거 것을 의미한다.