Question

我使用事件处理程序编辑了我的代码。但它似乎仍然不起作用，我做错了什么？

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

$(document).ready(function(){
    $("#hour1Input").on("click", function( event ){
        $("#hour1Input").remove();
        $("#hour1Data").append("<p id='hour1'><?php echo $hour1; ?></p>");
    });
});

原帖：

我正在制作一个由一个文本表组成的小型webapp。用户可以通过单击更改文本，文本转到文本框，用户可以输入新文本，然后按Enter键。然后文本框将返回到包含更新文本的原始p标记。

我正在尝试使用jQuery。以下是我的代码。

//User clicks p tag named "#hour1". 
$(document).ready(function(){
    $("#hour1").click(function(){
        $("#hour1").remove();
        $("#hour1Data").append("<input id='hour1Input' type='text'/>");
    });
});

//After entering text, user presses enter. 
$(document).ready(function(){
    $("#hello1Input input").keypress(function (e) {
    if (e.keyCode == 13) {{
        //process text//
        $("#hour1Input").remove();
        $("#hour1Data").append("<p id='hour1'><?php echo $hour1; ?></p>");
    }
    });
});

现在点击“＃hour1”，它会转到一个好的文本框！但是，动态创建的内容上的任何ID都无法被jQuery识别，因此无法对其进行任何操作。如何制作新内容，以便Jquery识别和使用ID。谢谢你的帮助！

Jquery动态添加内容的ID无法识别

0 个答案: