jQuery，显示第一个元素<ul>

Question

我正在使用以下JavaScript代码来显示来自Twitter的推文：

http://jsfiddle.net/mLwjA/

我想一次显示一条推文。 我似乎无法选择第一个列表项。 我试过了

$("ul#twitter_update_list li:first").fadeIn(1000);

但这也不起作用！ 我需要知道如何在第一个推文中淡出然后在第二个推文中淡出。

有关如何解决此问题的任何建议？

Answer 1

@thegreyspot：只需将numTweets更改为1 ..？

$(document).ready(function() {
    $("#twitter").getTwitter({
        userName: "thewhitespot",
        numTweets: 1,
        loaderText: "Loading tweets...",
        slideIn: true,
        showHeading: false,
        headingText: "Latest Tweets",
        showProfileLink: false
    });
});

更新

逐步淡入每个项目的工作示例： http : //jsfiddle.net/SWvPS/1/

另一个更新

淡入第一项然后将其向上滑动，然后淡入第二项，然后再将其向上滑动： http : //jsfiddle.net/ErcNA/2/

Answer 2

编辑：要更直接地回答您的问题，要逐渐淡入，请执行以下操作：

$("ul#twitter_update_list li").each(function(i) {
    $(this).delay( i * 1000).fadeIn(1000); 
});

inside an each() loop, utilizing the index parameter in the callback to delay the fadeIn() of each item by i * 1000 milliseconds. 这在each() 循环内使用delay() ，利用回调中的index参数将每个项目的fadeIn() 延迟i * 1000毫秒。

---

原始答案：

jsfiddle示例的几个问题：

• 您需要从左侧菜单中选择jQuery库。 您目前已选择MooTools 。

• 您将在window.onload添加getTwitter插件，但在页面加载时调用该插件。 因此，调用该插件时该插件不存在。

这是您的示例，将代码放置在getTwitter插件之后，然后从左侧菜单中选择jQuery和onDomReady 。

示例： http ： //jsfiddle.net/mLwjA/12/

Answer 3

尝试$("ul#twitter_update_list li:first-child")

Answer 4

您也可以尝试以下操作：

$("ul#twitter_update_list li").eq(0).fadeIn(1000);