Как создать делегированный слушатель события с моим кодом Jquery

Question

Я пытаюсь сделать делегированный слушатель события так, чтобы, когда пользователь нажимает один раз p тег удаляется и добавляется поле ввода. При втором щелчке поле ввода удаляется и добавляется тег 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" селектор.