追加和滑动jQuery

Question

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

i = 0;
$('#add-link').click(function() 
{   
    if(i < 9)
    {
        $('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>');
        i++;
    }
    if(i == 9)
    {
        $('#add-link').html('');    
    }
});

虽然,这很好.但是,我想在追加时实现slideDown,我试过这样做:

$('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>').slideDown("fast");

这根本不起作用.

Answer 1

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

$('.insert-links').append('<div style="display: none;" class="new-link" name="link[]"><input type="text" /></div>')
$('.insert-links').find(".new-link:last").slideDown("fast");

现场演示:

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

Answer 2

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

$('<div style="display: none;" class="new-link" name="link[]"><input type="text" /></div>').appendTo($('.insert-links')).slideDown("fast");

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