javascript - jQuery show() 函数不起作用

Question

我有以下 JQuery 代码：

jQuery(document).ready(function($) {
        var retrievedList = [ {
            "id" : "one",
            "content" : "toto"
        }, {
            "id" : "two",
            "content" : "titi"
        }, {
            "id" : "three",
            "content" : "tutu"
        } ];
        $("#clickMe").click(function(evt){
            $.each(retrievedList, function(i, v) {
                if(!$('div#list> span#' + v.id).length) {
                    $('<span />').prop('id', v.id).text(v.content).appendTo('#list').show(8000);
                }
            });
            return false;
        });
    });

我很惊讶地注意到 show 函数调用不适span用于我创建的。

谁能告诉我为什么以及如何解决这个问题？

编辑：这是html：

<div id="list">
<span id="one">toto</span> <span id="two">titi</span>
</div>
<a href="" id="clickMe">clickMe</a>

Answer 1

而不是这个：

$('<span />').prop('id', v.id).text(v.content).appendTo('#list').show(8000);

尝试使用这个：

var span = $('<span />').prop('id', v.id).text(v.content).css('display', 'none');
$('#list').append(span);
$('#'+v.id).show(8000);