追加和幻灯片一起的jQuery

本文介绍了追加和幻灯片一起的jQuery的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有我做了添加更多的输入框，直到有其中10个将禁止制造更多的这种append方法。

I have this append method which I made to add more input boxes until there is 10 of them which will disable into making more.

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的时候，我试着这样做：

Although, it's good. However, I want to implement a slideDown when appended, I've tried doing this:

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

这并不在所有的工作。

Which doesn't work at all.

推荐答案

喜欢简单codeR的解决方案，但只有一个行中使用 appendTo（）：

Like SimpleCoder's solution, but in only one line using appendTo():

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

演示：

这篇关于追加和幻灯片一起的jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！