我有一个简单的文件上传表单。它采用jQuery FileStyle插件设计。我有克隆输入字段的按钮。在clone()之后,每个新对象都没有使用filestyle插件进行样式设置,并且在屏幕外的位置为-500 / :) 是否可以在clone()之后设置所有输入文件元素的样式? 这是我的代码:
<table id="table_upld" style="width: 800px;">
<form action="" method="POST" enctype="multipart/form-data" id="upldfiles_form">
<tr>
<td>
<button class="addcm" type="button" style="width:30px;">+</button>
<button class="remcm" type="button" style="width:30px;">-</button>
</td>
</tr>
<tr>
<td><input type="file" name="upl[]" id="inpcm"/><br /><div class="inpcm2"></div></td>
</tr>
</form>
<tr>
<td><button type="button" onclick="upldfiles_form.submit();">add</button></td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.addcm').click(function () {
var clonecm = $('#inpcm').clone(true);
clonecm.val('');
clonecm.appendTo('.inpcm2');
});
$('.remcm').click(function () {
$('.inpcm2 input:last-child').remove();
});
});
$(":file").jfilestyle({icon: false});
</script>