解决方法
试试这个小提琴:
Fiddle
对于在第一行隐藏删除的第一部分,我在页面加载时调用了以下内容:
$(".removeoutcome").hide();
然后为了确保它们不能添加超过3或删除最后一个,我在您的点击方法中添加了长度检查,请参阅:
$('.addoutcome').live('click',function() { if ($(".outcomegroup").length < 3) { $('#template').clone().removeAttr('id').insertAfter($(this).closest('.outcomegroup')).find('.minus').show(); renumber(); } }); $('.removeoutcome').live('click',function() { if ($(".outcomegroup").length > 1) { $(this).closest('.outcomegroup').remove(); renumber() } });
另外,在旁注中,live现在已弃用,因此如果您使用的是jQuery 1.7,请将这些方法更改为on
,或者如果您是1.7之前的版本,请使用delegate
.