当append与fadeOut（）一起使用时，jquery重复跨距

Question

这真的很奇怪，当我运行这段代码时，我得到了2个跨度。

$('#_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

那是因为你在#_login里面有2个输入我想登录和密码：

试试这个：

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');
                                            });​