Поколение Флажка jQuery

Я использовал следующий код генерировать некоторые динамические флажки. Это работает впервые и добавляет флажок chk2 к странице и затем после того, как триггер за $ ('#newLink') .click не будет работать. Помогите мне с этим.

 <div id="chkBoxesDiv">
     <input type="checkbox" id="chk1" ></input>
     <input id="answerText" type="text" size="30" ></input>&nbsp;
     <input type="button" value="add new" id="newLink"/>
 </div>

$(document).ready(function(){

$('#newLink').click(function (event){
    var i = 0;
    //To count the children
    $("#chkBoxesDiv").children().each(function(){
        var child = $(this);
        if(child.is(":checkbox")){
            i++;
        }
     });

     //prevent action
     event.preventDefault();

     //get textbox value to fill checkbox
     var text = $("#answerText").val();
     alert(i);

     //if text not empty do stuff
     if(text != ""){
     //add label
         $("#chk"+i).after("<label for=\"chk"+i+"\" id=\"lblchk"+i+"\">"+text+"</label>");


         $("#newLink").remove();
         $("#answerText").remove();
         $("#lblchk1").after("<br /><input type=\"checkbox\" id=\"chk"+(1+i)+"\" ></input><input type=\"text\" id=\"answerText\" size=\"30\" ></input>&nbsp;<input type=\"button\" value=\"add new\" id=\"newLink\"/>");
     }
    });
});
1
задан Felix Kling 7 June 2010 в 05:10
поделиться

1 ответ

Используйте команду jquery .live .

Когда вы добавляете элементы на страницу, они автоматически не имеют событий щелчка. Вам нужно назначить их

2
ответ дан 3 September 2019 в 00:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: