我的附加元素没有抓住'事件

时间:2014-06-12 18:42:57

标签: javascript jquery

家伙。我有这个代码附加一些元素的行,其中包括一个输入文件:

$('#uploadDocumentoEnviarAseguradora').on('click', function() {
    var num_ficheros = $('.lista-ficheros').length + 1;

    var linea = '<div class="form-group"><div class="row form-horizontal lista-ficheros"><div class="col-xs-9"></div><input type="file" id="docEnviarAseguradora' + num_ficheros + '" class="documentoEnviarAseguradora"/><button class="btn btn-default btn-xs" id="uploadDocumento"><span class="glyphicon glyphicon-trash"></span></button></div></div>';
    $(this).parent().parent().parent().append(linea);
    $("#docEnviarAseguradora" + num_ficheros).click();
});

我有一个处理单击新输入文件的那个。

$('documentoEnviarAseguradora').on('change',function() {
    alert("pos ok");
});

但是当我在输入文件上加载文件时,我得不到任何响应。你能看出我做错了什么吗?提前谢谢你:)

1 个答案:

答案 0 :(得分:2)

错误的选择器(缺少按类选择的点)和缺少delegation(需要因为在调用on后添加了元素)。

使用

$(document.body).on('change','.documentoEnviarAseguradora',function() {
    alert("pos ok");
});

如果可能,请使用比$(document.body)更好的元素来限制事件处理。