Jquery 文件可以';不能附加到克隆的html输入元素
CakephpJquery 文件可以';不能附加到克隆的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') ) )
<?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);
});