如何使用我的Jquery代码创建委托事件侦听器

How to create a delegated event listener with my Jquery code

本文关键字：事件 侦听器 创建 代码 何使用 我的 Jquery      更新时间：2023-09-26

我正在尝试制作一个委托事件侦听器，这样当用户单击一次时，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>");
    });
});
您正在向jQuery传递一个包含选择器的字符串，并试图将事件处理程序绑定到文档中的所有<document>元素。这会失败，因为您没有（因为HTML没有）。

传递document对象而不是"document"选择器。

相关文章：