Javascript Ticker问题

Question

我找到了一些Javascript来创建一个新闻报价器--本质上只是在列表的条目之间旋转。

<script>
var ticker = $('ul.ticker');
ticker.children(':first').show().siblings().hide();
setInterval(function() {
    ticker.find(':visible').fadeOut(function() {
        $(this).appendTo(ticker);
        ticker.children(':first').show();
    });
},5000);
</script>

当我只有列表项时，它工作得很好，但当我将列表项变成链接时，它开始变得奇怪。我用firebug观看了它，它似乎在第一次列表中运行得很好，然后开始创建新的列表项：

<li style="display: none;"></li>

它似乎交替显示这些<li>中的一个，然后在第一次遍历列表之后显示。

谢谢你的帮助!

编辑1: HTML

<ul class="ticker">
<li><a href="#">News Item</a></li>
<li><a href="#">News Item 2</a></li>
</ul>

Answer 1

我认为，问题出在ticker.find(':visible')。如果您的链接被包装在li中，那么该代码会在其中找到li和a，并将它们分别附加到滚动条上。试试ticker.find('li:visible')。

编辑：或ticker.children(':visible')。