javascript - 为什么这个 jQuery 不起作用？

Question

我有一个 <li> 的列表与 style="display:none" , 我想显示第一个 <li>通过调用以下代码，但它似乎不起作用。

    $('.tweet_list li').first().css('display','list-item');

单击此处查看 demo page , 自 style="display:none" 以来它目前不显示任何内容属性(property)。

我也试过:

$('.tweet_list li').first().show();
$('.tweet_list li:first').show();

它们都不起作用。

Answer 1

通过在那行设置断点，你会发现在它执行的时候，你的ul.tweet_list是空的。

为什么？因为.tweet() ，它填充了 <ul> , 是异步的:到你的 .css() 时行执行，推文尚未加载。

挖掘 jquery.tweet.js ，我找到了这一行(第 233 行):

$(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" : "full"));

所以看起来您需要绑定(bind)到 loaded事件，并在其中显示第一条推文:

$("#twitter_update_list").bind("loaded", function () {
    $('.tweet_list li').first().css('display','list-item');
});