jquery - append 和滑动在一起 jQuery

Question

我有一个 append 方法，我用它来添加更多输入框，直到有 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('');    
    }
});

不过，这样也挺好的。但是，我想在 append 时实现幻灯片，我尝试这样做:

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

这根本不起作用。

Answer 1

append() 返回对原始选择器的引用，而不是 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/