jQuery中的Add button函数中的jQuery Add button var计数器3=1； $（“#添加投票”）。单击（函数（）{ 如果（计数器3>5）{ 警报（“仅允许5次轮询”）； 返回false； } 如果（计数器3==1）{ $（“#removePoll”）.css（“可见性”、“可见”）； } var newTextBoxDiv=$（document.createElement（'div'）） .attr（“id”，“TextBoxDiv1”+计数器3）； newTextBoxDiv.after（）.html( “问题”+3+：“+ “”+ ''+ '' + ''+ //'回答次数：'+ “” ); $（“#添加按钮”+计数器3）。单击（函数（）{ 警惕（“哈哈”）； }); newTextBoxDiv.appendTo（“#textboxsgroup1”）； 计数器3++； });

我在这里遇到了一个问题，我想在jQuery中添加一个按钮。至于我的代码，我想提示

警报（“哈哈”）当按钮被单击但不工作时。有没有办法克服这种情况

提前感谢。
对于动态添加的元素，请在

委托事件上使用

。将您的id更改为class，并在

委托事件上使用

 newTextBoxDiv.after().html('<label>Question '+ counter3 + ' : </label>' + 
        '<input type="text" id="textbox' + counter3 + '" value="" name="textbox[]"><br></br>' +
        '<input type="button" value="Add Button" class="dynamicAddButton">'+
        '<input type="button" value="Remove Button" id="removePollButton">' +
        '<div id="TextBoxesGroup3"></div>'+
        //'<label>Number Of Answer : </label> <input type="text" id="textbox' + counter3 + '" value="" name="textbox[]">' +
        '<br></br><br></br>');

       /*you don't need click here.. and should avoid this in any case 
         $("#addPollButton"+counter3).click(function (){
            alert("hahha");
        });*/

      newTextBoxDiv.appendTo("#TextBoxesGroup1");counter3++;
 });


$(document).on('click','.dynamicAddButton',function(){
   alert("hahha");
});

是的，请看一下在jquery中创建动态元素并实现它，这样您的代码更可读（而不是在DOM中添加字符串）
对于动态添加的元素，请在

委托事件上使用

。将id更改为class，并在

委托事件上使用

 newTextBoxDiv.after().html('<label>Question '+ counter3 + ' : </label>' + 
        '<input type="text" id="textbox' + counter3 + '" value="" name="textbox[]"><br></br>' +
        '<input type="button" value="Add Button" class="dynamicAddButton">'+
        '<input type="button" value="Remove Button" id="removePollButton">' +
        '<div id="TextBoxesGroup3"></div>'+
        //'<label>Number Of Answer : </label> <input type="text" id="textbox' + counter3 + '" value="" name="textbox[]">' +
        '<br></br><br></br>');

       /*you don't need click here.. and should avoid this in any case 
         $("#addPollButton"+counter3).click(function (){
            alert("hahha");
        });*/

      newTextBoxDiv.appendTo("#TextBoxesGroup1");counter3++;
 });


$(document).on('click','.dynamicAddButton',function(){
   alert("hahha");
});

是的，请看一下在jquery中创建动态元素并实现它，这样您的代码更具可读性（而不是在DOM中添加字符串）
您可以使用委托，但只需移动一行就更简单了

newTextBoxDiv.appendTo("#TextBoxesGroup1"); // to here

$("#addPollButton"+counter3).click(function (){
  alert("hahha");
});

// from here newTextBoxDiv.appendTo("#TextBoxesGroup1");
counter3++;

因此，当您定义单击事件时，有一些元素需要匹配。
您可以使用on来委派，但只移动一行就更简单了

newTextBoxDiv.appendTo("#TextBoxesGroup1"); // to here

$("#addPollButton"+counter3).click(function (){
  alert("hahha");
});

// from here newTextBoxDiv.appendTo("#TextBoxesGroup1");
counter3++;

因此，当您定义单击事件时，有一些元素要匹配。
当您说
$（“#addPollButton”+counter3）。单击（…）
，将匹配0个元素，因为在此阶段按钮尚未添加到DOM（文档）中，因此单击处理程序不会添加到任何内容。只需定义
。在
之后单击
。
（或使用
$（文档）。在（“click”、“#addPollButton”+counter3，函数（）{…}）；
）使用事件委派。在（）FYI，
$（document.createElement（'div'））
==
$（''/code>事实上，
$（document.createElement（'div'）.attr（'id'），'TextBoxDiv1'+counter3）;=
$（''，{id:'TextBoxDiv1'+counter3}）
当您说
$（“#addPollButton”+counter3）。单击（…）
时，将匹配0个元素，因为在此阶段按钮尚未添加到DOM（文档）中，因此不会将单击处理程序添加到任何内容。只需定义
。在
之后单击
。
（或使用
$（文档）。在（“click”、“#addPollButton”+counter3，函数（）{…}）；
）使用事件委派。在（）FYI，
$（document.createElement（'div'））
==
$（''/code>事实上，
$（document.createElement（'div'）.attr（'id'），'TextBoxDiv1'+counter3）;=
$（''，{id:'TextBoxDiv1'+counter3}）+1，但无需添加类，即使这是更好的实践。这也会起作用：
$（文档）是的…）。。但是我想类选择器i比属性选择器快。。。无论如何。。谢谢：）并已更新；）。我已经试过了，但是当点击按钮时，没有结果，因为没有出现+1，但不需要添加类，即使这是更好的实践。这也会起作用：
$（文档）是的…）。。但是我想类选择器i比属性选择器快。。。无论如何。。谢谢：）并已更新；）。我尝试过这个方法，但是当点击按钮时，没有任何结果，因为没有任何结果。更好的方法是委派事件，以避免内部具有相同逻辑的多个处理程序。关于特定代码，有许多方面可能会更好。在这个例子中修复它的最简单的方法。我尝试过这种方法，但它只在我喜欢$（“#addPollButton1”）而不是$（“#addPollButton”+counter3）时才起作用。这表明我得到了第一个idonly@GeneLim我的坏计数器3++也在这条线上。这不应该移动你说它不应该移动是什么意思？最好是委托事件，以避免多个处理程序内部具有相同的逻辑。关于特定代码，有很多事情可以做得更好。在这个例子中修复它的最简单的方法。我尝试过这种方法，但它只在我喜欢$（“#addPollButton1”）而不是$（“#addPollButton”+counter3）时才起作用。这表明我得到了第一个idonly@GeneLim我的坏计数器3++也在这条线上。那不应该移动你说它不应该移动是什么意思？