Генерация флажка JQuery - PullRequest
Новая
       9

Генерация флажка JQuery

1 голос
/ 07 июня 2010

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

 <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 Ответ

2 голосов
/ 07 июня 2010

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

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

...