Ajax函數不適用於動態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>

但是動態填充相同元素的div對不會觸發該函數。 我究竟做錯了什么？

代碼示例： http ： //jsfiddle.net/KubXr/

Answer 1

你需要事件授權：

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

這意味着，如果包含mydata類，則動態添加的任何元素（現有或未來）都將觸發事件。