我正在使用下面的代码复制表单的一部分。不幸的是,复制的字段在“消失”之前出现了一瞬间。有没有人看到任何可能导致此问题的明显错误?
jQuery 复制脚本
<script type="text/javascript">
$(document).ready(function()
{
$( '#addButton' ).bind( 'click', function()
{
var $clone = $( '.template' ).clone();
$clone.removeClass( 'template' );
$clone.appendTo( '.LHS_interior' );
});
});
</script>
模板
<!-- class 'template' is simply 'display:none;' -->
<div class="template">
<div style="position:relative; float:left; width:50%;">
<label for="billable_task">Charge Number:</label>
<select name="billable_task" id="billable_task" onchange="resetSelect('unbillable_task');enable('submit');">
...
</select>
</div>
<div style="position:relative; float:right; width:45%;">
<label for="duration">Duration:</label>
<input size="5" type="text" name="duration" id="duration" />
</div>
</div>
插入位置
<div style="position:relative; float:left; width:25%;">
<div class="LHS_interior"></div>
<button id="addButton" type="button" class="button add">Add Charge</button>
</div>
<小时/>
那么这段代码有什么明显的问题吗?
最佳答案
你确定这不是其他原因造成的吗?我将您的代码复制并粘贴到 jsfiddle 中,它工作正常:http://jsfiddle.net/Paulpro/ejWwM/2/
虽然我不知道它按照你想要的方式布局它们,但它肯定克隆了每个模板
关于javascript - jQuery 克隆表单字段消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6753483/