jquery - Jquery动画定位不正确一个元素，我希望它在一边，而动画显示它在底部

Question

我想在其他元素的一侧添加一个元素，所以，我使用了一个 span 元素来做到这一点。问题是我想用 jquery 对其进行动画处理，并且在动画期间，元素位于底部而不是侧面（当动画完成时，它被正确放置在侧面）。

这是代码

<div>Name<input id="name"/></div>
<div>Username <input id="user"/></div>
<button id="registerButton">Send -></button>


<script>
$('#registerButton').click(function() {       
    if($('#name').val().length<3) {                             
        $('#name').after($('<span id="warning">At least 3 chars</span>'));      
        $('#warning').hide();
        $('#warning').show(400);
    }                              
});
</script>

警告应该出现在“名称”元素附近，但在动画期间它出现在底部:(

Answer 1

我可以证明 Ziinloander 的回答。在 webkit 中，它已经满足了您的需求，这取决于您的 css 标记中有多少空间。

Answer 2

$('#registerButton').click(function() {       
    if($('#name').val().length<3) {                             
        if($('#warning').length == 0) {
            $('#name').after($('<span id="warning" style="display:none">At least 3 chars</span>'));
        }
        $('#warning').show(400);
    } else {
        $('#warning').hide();
    }                             
});