jquery - 由 Javascript 生成的 HTML 元素 - 现在不起作用

标签 jquery html class

<分区>

我正在使用 javascript 生成 HTML 元素。我将同一个类应用于所有元素。我有一个函数,该函数将在该类遇到 keyup 事件时执行。

问题是我的函数无法识别 javascript 创建的元素。

请参阅此处的示例 --> jsFiddle

HTML

<p>Type in the box below, an alert will appear</p>
   <input type='text' id='x' size='30' class='conv'/>
   <br/><br/>

   <button id='btn'>Now Click Me</button><br/><br/>

   <div id='mainform'></div>

jQuery

$(document).ready(function() {
    $('button').click(function() {
      var a =  "<p>The boxes below have the same class, thus they should show the alert when you type</p><input type='text' size='30' class='conv' id='a0'/><br/>";
      var b = "<input type='text' size='30' class='conv' id='a1'/><br/>";
      $('#mainform').append(a + b);       
    });

    $('.conv').keyup(function() {
       alert('it works'); 
    });

});

最佳答案

使用事件委托(delegate)(作为动态添加的.conv)

$('#mainform').on('keyup','.conv',function() {
     alert('it works'); 
});

演示 ---> http://jsfiddle.net/VxTh5/7/

关于jquery - 由 Javascript 生成的 HTML 元素 - 现在不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17046135/

相关文章:

javascript - 如何用四个空格替换制表符 jQuery

jquery - 应该如何为 jQuery 中的项目列表创建过滤器?

javascript - 对此感到困惑 - 出现错误 "this.myfuntion() is not a function"

HTML CSS 换行时向上移动文本

javascript - React 替换 CSS 中的特殊字符 `content`

html - 阻止用户使用 enter 传递表单

python - 如何在 Python 中获取包含日志记录调用的类的名称?

python - Pygame - 单击并拖动其中一个对象时移动两个对象

java - 如果抽象类不能实例化,具体是什么代码: ABS clsAbs = new ABS () {

javascript - 如果未编辑行,如何禁用免费 jqgrid 中的保存和取消工具栏按钮