Question

我有一个表单，我想让用户能够添加文件。这些字段是由8-9个字段组成的表单的一部分，它们应该在它们复制的字段之后出现。下面应该会给你一些关于我正在看的内容的想法。

<div class="fields">
    <input type="text" name="field1">
    <input type="text" name="field2">
    <input type="text" name="field3">
    <input type="text" name="field4">
</div>

所以基本上我要做的就是克隆整个“fields”div并让它出现在克隆的那个之后。

另外，我有一些jquery使用slideUp和slideDown来显示基于用户选择的选项。我设置的方式允许其中两个“字段”div共存并仍然起作用。我唯一的问题是，我是否需要做一些特别的事情才能使它在克隆的div上运行？

Answer 1

$('.fields').clone().insertAfter('.fields');

如果您希望克隆元素中的任何事件处理程序，则应在clone调用中将 withDataAndEvents 参数设置为true。

$('.fields').clone(true).insertAfter('.fields');

如果您正在调用类似$('.fields').slideDown()的内容来显示字段以响应按钮点击，则该幻灯片将同时应用于原始字段和克隆字段。

如果你只想让幻灯片应用于其中一个div，比如说第一个div，你就可以这样$('.fields').eq(0).slideDown()。

Answer 2

我能够通过添加此

来解决重复问题

$('.fields').clone(true).attr("class","cloned").insertAfter('.fields');

感谢您的帮助

克隆表单字段并维护jquery功能

2 个答案: