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(  );    
    }
});

虽然如此,它还是好了。然而,我想在后面附上一个幻灯片,我试图这样做:

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

哪怕是工作。

Answer 1

同简单的Coder解决方案一样,但只有一行使用appendTo():

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

Demo:。

Answer 2

<代码>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");

<<>Live demo>:

rel=“noretinger”>http://jsfiddle.net/V4SVt/2/

Answer 3

尽管简单的Coder方案是完全有效的,但我还是这样:

i = 0;
$( #add-link ).click(function() {   
    if(i < 9) {
        $( .insert-links ).append( <div style="display: none;" class="new-link link_  + i +  " name="link[]"><input type="text" /></div> );
        $( .link_  + i).slideDown("fast");
        i++;
    }
    if(i == 9) {
        $( #add-link ).fadeOut( 200 );
    }
});

原因是,每个链接<代码>input将获得以第二类形式提供的识别资料,如果有人想去除某项内容,则如果意外地增加不止一种需要,则这种识别将非常有用。我还对<代码>add-link增添了一个缺陷。因此,用户没有混淆它刚刚消失。当然,这只是一个个人信条的问题,但我认为这更加方便用户。

希望这一帮助。

友情链接