javascript - Jquery Show/Hide 在显示或隐藏之前将元素向右移动

Question

$(document).ready(function(){
        var speed = 700;
        var pause = 3500;
            function removeFirst(){
                $('ul#newsfeed li:first').hide('slide', {direction: "up"}, speed, function() {addLast(this);});
            }
            function addLast(first){
                $(first).insertAfter('ul#newsfeed li:last').show();
                $('ul#newsfeed li:first').show("slide", {direction: "down"}, speed);
            }

            interval = setInterval(removeFirst, pause);
    });

您好，非常感谢您花时间帮助解决我的问题。继续…这是新闻收报机的代码，它采用无序列表并将第一个元素移动到底部并将下一个元素滑动到顶部。我使用 css 一次只显示一个列表元素。除了我们最喜欢的 IE 6 和 IE 7 之外，这在每个浏览器中都可以正常工作。在这两个浏览器中，第一个列表项会向右移动，然后滑出视线。然后，下一个列表项向上滑动时已经向右移动，向上滑动后向左移动到它所属的位置。

我对这个问题相当困惑，感谢任何帮助。谢谢。

Answer 1

很抱歉，如果我的答案似乎有点不成熟，但也许我可以给你一些想法。

似乎一个可能的问题是幻灯片动画没有考虑到您正在使用的盒子模型。这可能意味着幻灯片正在尝试定位 LI 元素，但 LI 外部的某些填充、边距或边框导致偏移计算错误。

我会检查CSS。另外，尝试测试更简单(无样式)的 HTML 版本是否可以使用完全相同的 Javascript。

再次抱歉，缺乏具体性 - 也许您可以分享一些代码，或者指出一个示例？