jQuery slideDown 函数在动画结束时垂直跳转

jQuery slideDown function vertical jump at end of animation

本文关键字:垂直 结束 动画 slideDown 函数 jQuery      更新时间:2023-09-26

我已经广泛研究了这个问题,但一直无法找到答案。

这是一个JSFiddle,显示了我遇到的问题:

http://jsfiddle.net/8cfLa8tk/

您会注意到,每次单击按钮添加链接时,它都会添加它,但随后会跳到动画的末尾。

我想附加链接,隐藏,然后让 slideDown 动画显示链接而不会跳跃,我在这里拔头发试图找出问题所在。

因为它迫使我在这里编写代码,即使没有 HTML 和 CSS 就没有意义:

links++;
    $('#some_links').append('<li id="link_' + links + '"></li>');
    $('<div style="display:none;"><a href="#">Link ' + links + '</a></div>')
        .appendTo($('#link_' + links))
        .slideDown('fast');

vertical-align: bottom;添加到#some_links li小提琴