jquery - Jqueryでリストにリストアイテムが追加されないのはなぜですか？

Question

jQueryには、事前に作成されたcssクラスを使用したやや単純なスクリプトがありますが、ここではcssフォーマットはありません。

http://jsfiddle.net/nSscK/

リストにフィールドを追加するだけでいいのですが。リストアイテムをtaskItem内に保存し、ログに記録して、htmlが正しいことを確認しました。しかし、私のリストには何も表示されません。

ありがとうございました。

Answer 1

clone追加する前に要素を忘れました。それ以外の場合は、同じ要素を追加するだけです。

$('#add').click(function(){
    var taskItem = $("#tasks ul li:first").clone();
    $('#tasks ul').append(taskItem);
    taskItem.find(':text').val("").focus();
    return false;
});

デモ：http： //jsfiddle.net/nSscK/3/

Answer 2

クローンを作成する必要があります。

var taskItem = $("#tasks ul li").clone();

Answer 3

jQuery(function (){

    $('#add').click(function(){
        var taskItem = $("#tasks ul li:eq(0)").clone(true, true); // need to clone for new add
        $('#tasks ul').append(taskItem);
        taskItem.find(':input:text').val("");
        return false;
    });
});

デモ