我正在尝试克隆表单中的div.我的想法是让用户在我的应用上插入多个条目.
div .anotacao包含用户进行输入所需的所有字段.因此,通过克隆它,我可以允许用户一次插入n个条目.
<div class="anotacao">
<div class="field">
<input id="date" name="date" value="<?=date('d/m/Y');?>" class="date" />
</div>
<div class="field">
<span class="label">às</span>
<input id="hour" name="hour" value="<?=date('h');?>" class="smallest" />
<span class="label">:</span>
<input id="minutes" name="minutes" value="<?=date('i');?>" class="smallest" />
</div>
<div class="field">
<?=form_dropdown('event',$this->entry->list_events(),'','id="event" class="event select"');?>
</div>
<div class="field valor">
<input id="valor" name="valor" value="anotação" class="entry" />
<span class="show-type"></span>
</div>
<div class="field obs">
<input id="obs" name="obs" value="obs" class="obs" />
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
要克隆这个,我有一个.add-line类的链接.当用户单击此链接时,我尝试通过调用此JS来克隆div:
$('.add-line').live('click', function(event){
$('.anotacao').clone().removeClass('anotacao');
return false;
Run Code Online (Sandbox Code Playgroud)
});
它似乎都是正确的,但我没有克隆或任何东西.例如,如果我删除克隆功能并发出警报,则会显示警报.