使用“jQuery FileStyle”和jQuery clone()输入类型“文件”样式

时间:2014-10-31 15:39:02

标签: jquery input

我有一个简单的文件上传表单。它采用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>

0 个答案:

没有答案