Jquery 文件可以';不能附加到克隆的html输入元素

Jquery 文件可以';不能附加到克隆的html输入元素,jquery,cakephp,Jquery,Cakephp,Cakephp <?php echo $this->Form->input('images.', array( 'type' => 'file', 'class' => 'span12 tolet_img', 'style' => 'width:100%;', 'div' => array('class' => 'span8 required') ) )

Cakephp

<?php
    echo $this->Form->input('images.', array(
        'type' => 'file',
        'class' => 'span12 tolet_img',
        'style' => 'width:100%;',
        'div' => array('class' => 'span8 required')
        )
    );
?>
新的输入字段是由这个代码I inspect代码创建的。一切都好。但jquery创建的元素不包含附加文件。为了解释我的问题,我附上了截图:

单击第一个输入字段后,成功创建第二个输入字段,但当单击第二个输入字段并尝试附加另一个文件时,该字段不会附加,并且保持为空。 以下是现场演示:

我怎么了。这花了我两天的时间。这几乎让我哭了。请帮忙

var uploaderCount = 0;
var $htmlString = $('.uploader:last').clone(true);

$(document).on("click",".tolet_img" function() {  
     $htmlString.attr('id', 'uniform-file-'+uploaderCount);
     $htmlString.find('input[type=file]').attr('id', 'file-'+uploaderCount);
        uploaderCount++;
     $('.uploader:last').after($htmlString);
});
重新创建元素时,该元素不在同一范围内

var uploaderCount = 0;
var $htmlString = $('.uploader:last').clone(true);

$(document).on("click",".tolet_img" function() {  
     $htmlString.attr('id', 'uniform-file-'+uploaderCount);
     $htmlString.find('input[type=file]').attr('id', 'file-'+uploaderCount);
        uploaderCount++;
     $('.uploader:last').after($htmlString);
});