jquery keyup动​​态生成div

Question

这是一个生成div＆amp;的java文件。一个动态的文本框。

js file

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