私のJqueryコードで委任されたイベントリスナーを作成する方法

Question

委任されたイベントリスナーを作成しようとしています。ユーザーが1回クリックするとpタグが削除され、入力ボックスが追加されるようにします。 2回目のクリックで、入力ボックスが削除され、pタグが追加されます。

ここに私のコードです。今は何も全く機能しません。ありがとうございました！

//User clicks p tag named "#hour1". 
$(document).ready(function(){ 

    $("document").on('click', "#hour1", function(event){ 
     $("#hour1").remove(); 
     $("#hour1Data").append("<input id='hour1Input' type='text'/>"); 
    }); 
    }); 

//On Second click, input box is sent back to data box. 
$(document).ready(function(){ 
    $("document").on("click", "#hour1Input", function(event){ 
     $("#hour1Input").remove(); 
     $("#hour1Data").append("<p id='hour1'><?php echo $hour1; ?></p>"); 
    }); 
}); 

Answer 1

あなたはjQueryのセレクタを含む文字列を渡すと、ドキュメント内のすべての<document>要素にイベントハンドラをバインドしようとしています。これは、あなたには何もないので（HTMLには何もないので）失敗します。

"document"セレクタの代わりにdocumentオブジェクトを渡します。