javascript - jQuery 克隆表单字段消失

Question

我正在使用下面的代码复制表单的一部分。不幸的是，复制的字段在“消失”之前出现了一瞬间。有没有人看到任何可能导致此问题的明显错误？

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>

<小时/>

那么这段代码有什么明显的问题吗？

Answer 1

你确定这不是其他原因造成的吗？我将您的代码复制并粘贴到 jsfiddle 中，它工作正常:http://jsfiddle.net/Paulpro/ejWwM/2/

虽然我不知道它按照你想要的方式布局它们，但它肯定克隆了每个模板