追加和滑动jQuery

我有这个附加方法，我做了添加更多的输入框，直到有10个将禁用更多。

i = 0; $('#add-link').click(function() { if(i < 9) { $('.insert-links').append('
'); i++; } if(i == 9) { $('#add-link').html(''); } }); 

虽然，这很好。 但是，我想在追加时实现slideDown，我试过这样做：

 $('.insert-links').append('
').slideDown("fast"); 

这根本不起作用。

Answer 1

与SimpleCoder的解决方案一样，但只使用appendTo()一行：

 $('
').appendTo($('.insert-links')).slideDown("fast"); 

演示： http ： //jsfiddle.net/V4SVt/336/

Answer 2

append()返回对原始选择器的引用，而不是附加的引用。 我想你正在寻找这个：

 $('.insert-links').append('
') $('.insert-links').find(".new-link:last").slideDown("fast"); 

现场演示：

http://jsfiddle.net/V4SVt/2/

Answer 3

虽然SimpleCoder的解决方案完全有效，但我会这样做：

 i = 0; $('#add-link').click(function() { if(i < 9) { $('.insert-links').append('
'); $('.link_' + i).slideDown("fast"); i++; } if(i == 9) { $('#add-link').fadeOut('200'); } }); 

原因是每个链接input都会以第二个类的forms获得一个ID，如果一个人想要删除一个元素，如果一个人偶然添加了多个需求，这将非常便于选择它们。 我还在add-link元素上添加了淡出效果，因此用户不会感到困惑它只是消失了。 当然，这只是个人品味的问题，但我发现它更加用户友好。

希望这可以帮助。