jquery keyup動​​態生成div

Question

這是一個java文件，它動態生成一個文本框div &。

JS文件

var count = 6; 
$(document).ready(function(){ 
    $("#addmoreParam").click(function(){ 
     $("#showParam tr:last").before("<tr><td><div style=\"width:150px;background-color:#FFF; height:20px;\" contenteditable=\"true\" class=\"paramDiv\" id="+count+"></div></td><td><input type=text name=\"paramValue" + count +"\" class=paramValue /></td></tr>"); 
     count++; 
    }); 
}); 

下面是寫什麼的div時產生警報代碼。我努力努力，它沒有給予警報框。

$(function(){ 
    $(".paramDiv").on('keyup', '.paramDiv', function(){ 
     alert('dd'); 
    }); 
}); 

我正在使用jquery-1.9.1.js。在這個jQuery版本中是否支持on？

Answer 1

作爲每事件代理：

事件代理是指使用事件傳播（鼓泡）在DOM比在其上該事件源自的元件更高的水平來處理事件的進程。它允許我們爲現在或將來存在的元素附加單個事件監聽器。在事件處理函數中。

問題與您的代碼是，您沒有將事件附加到現在和將來存在的元素。如#showParam。使用

$('#showParam').on('keyup', '.paramDiv', function(){ 
     alert('dd'); 
});