jquery дубликаты, когда append используется с fadeOut ()

Question

Это действительно странно, когда я запускаю этот код, я получаю 2 span.

$('#_login input').fadeOut('fast', function(){                                                              
$('#_login').append('<span id="bob_login_err" style="color:orange;font-size:10px;">Could not log in</span>').fadeIn('fast');});

Answer 1

, потому что у вас есть 2 ввода внутри #_login я думаю, логин и пароль:

попробуйте это:

HTML:

<div id="_login">
    <div class="inputHolder"><!--Put The 2 input inside a div-->
        <input type="text" value="" name="login"/>
        <input type="text" value="" name="password"/>
    </div>
</div>​

JS:

     $('#_login .inputHolder').fadeOut('fast', function(){
$('#_login').append('<span id="bob_login_err" style="color:orange;font-size:10px;">not could not log in</span>').fadeIn('fast');
                                            });​