gpt4 book ai didi

javascript - jquery - 单击事件不适用于表中动态创建的按钮

转载 作者:行者123 更新时间:2023-12-02 15:07:14 24 4
gpt4 key购买 nike

我已经看过这个问题的所有历史答案,但似乎没有什么对我有用

当单击我的页面上的按钮时,div 框变为可见并添加表格

$('#NewParentItem').click(function() { 

InnerTable = "<table width='90%' bgcolor='#CCCCCC' align='center' >"
InnerTable += "<tr height='12px'> "
InnerTable += "<td width='2%'></td> "
InnerTable += "<td width='68%' style='text-align:center' > <input type='text' name='Item' placeholder='Main Item Name' size='12'> </td> "
InnerTable += "<td width='30%'> <button type='button' id='NewParentSubmit' value='generate new element' >Enter </button> </td> "
InnerTable += "</tr> </table>"
DisplayUniDiv(160,200,50,200) // display div box
$('#UniDivHead').html("Add New Main Group Item (Parent)")
$('#UniDivBody').html( InnerTable )
}) ; // End of Function `

此表现在包含一个 id 为 NewParentSubmit 的按钮

在我的脚本中,我有以下内容

$(document).on('click', '#NewParentSubmit' , function() {
alert(" Submit ")
}) ; // End of Function

我现在希望当用户单击按钮时触发此操作(在动态创建按钮之后),但什么也没有发生?

所有这些功能都包含在

$(document).ready(function() { 

});

有人可以提供解决方案或一些建议吗?

谢谢

最佳答案

看看https://jsfiddle.net/1waumb6d/

$(document).ready(function()
{
$('#NewParentItem').click(function() {

InnerTable = "<table width='90%' bgcolor='#CCCCCC' align='center' >"
InnerTable += "<tr height='12px'> "
InnerTable += "<td width='2%'></td> "
InnerTable += "<td width='68%' style='text-align:center' > <input type='text' name='Item' placeholder='Main Item Name' size='12'> </td> "
InnerTable += "<td width='30%'> <button type='button' id='NewParentSubmit' value='generate new element' >Enter </button> </td> "
InnerTable += "</tr> </table>"
//DisplayUniDiv(160,200,50,200) // display div box
$('#UniDivHead').html("Add New Main Group Item (Parent)")
$('#UniDivBody').html( InnerTable )
}) ;
});

$(document).on('click', '#NewParentSubmit' , function() {
alert(" Submit ")
}) ;

Enter 按钮按预期工作。

关于javascript - jquery - 单击事件不适用于表中动态创建的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35038369/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com