只有在第一次输入时它才有效,javascript生成的输入带有类型颜色

时间:2016-02-29 13:39:38

标签: jquery html

我使用div

<div id="test"></div>

和javascript

$(document).ready(function() {
    var s = '';
    s+='<input type="color" id="test1" value="#ffffff" />';
    s+='<input type="color" id="test2" value="#ffffff" />';
    $('#test').html(s);
    $('#test1').change(function() {
        alert('test1');
    });
    $('#test2').change(function() {
        alert('test2');
    });
});

为什么在test2中不起作用,有人可以帮助我吗? https://jsfiddle.net/4eoq23a6/3/

1 个答案:

答案 0 :(得分:0)

  

►Delegate根据一组特定的根元素,为现在或将来与选择器匹配的所有元素的一个或多个事件附加一个处理程序

$( document ).delegate( "#test2", "change", function() {
  alert('test2');
});

$( document ).delegate( "#test1", "change", function() {
  alert('test1');
});

DEMO FIDDLE