0

私は次の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>
4

1 に答える 1

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);
于 2012-09-20T11:35:45.670 に答える