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>

警告应出现在“name”元素附近，但在动画期间它出现在底部：（

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

Jquery动画定位错误的元素，我希望它在侧面，而动画显示它的底部

2 个答案: