Question

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

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

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

这在delay()^(docs)循环中使用each()^(docs)，利用回调中的index参数将每个项目的fadeIn()^(docs)延迟i * 1000毫秒。

原始回答：

与你的jsfiddle例子结合问题：

您需要从左侧菜单中选择jQuery库。您目前已选择MooTools。
您正在getTwitter添加window.onload插件，但在页面加载时调用插件。因此，当您调用它时，该插件不存在。

以下是您的示例，将代码放在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);

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

4 个答案: