jQuery, отобразить первый элемент в <ul>

Question

Я использую этот код JavaScript для отображения твитов из твиттера:

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); 
});

Это использует delay() ^{(документы)} внутри цикла each() ^{(документы)} , используя параметр индекса в обратном вызове для задержки fadeIn() ^{(документы)} каждого элемента на i * 1000 миллисекунд.

---

Оригинальный ответ:

Пара проблем с вашим примером jsfiddle:

• Вам нужно выбрать библиотеку jQuery в меню слева.В настоящее время вы выбрали MooTools.

• Вы добавляете плагин getTwitter в window.onload, но вызывает плагин при загрузке страницы.Таким образом, плагин не существует, когда вы вызываете его.

Вот ваш пример, поместив код после плагина getTwitter и выбрав jQuery и onDomReady из меню слева.

Пример: http://jsfiddle.net/mLwjA/12/

Answer 3

Вы также можете попробовать это:

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

Answer 4

Попробуйте $("ul#twitter_update_list li:first-child")