jQuery로 추가 된 요소 제거

Question

추가 할 요소를 제거하려고하면 jQuery에 어려움이 있습니다. 나는 아래에 나의 코드를 포함시켰다. 나는 live()로 사용자 정의 이벤트를 바인딩 한 다음 trigger()를 사용하여 사용자 정의 이벤트를 발생 시키려고 시도했지만 이벤트는 결코 실행되지 않습니다. 요소를 제거하는 대신 요소를 숨기려고 시도했지만 작동하지 않습니다. 내가 뭘 놓치고 있니? 추가 된 요소를 제거하려면 어떻게해야합니까?

$('ul.chooseTags label.tag').click(function() { 
    var tagId = $(this).attr('for'); 
    var tagSelectedId = 'selected' + tagId; 
    if ($(this).hasClass('selected')) { 
     $(this).removeClass('selected'); 
     $('input#' + tagId).removeAttr('checked'); 
     $('ul.selectedTags').remove('li#' + tagSelectedId); 
    } 
    else { 
     $(this).addClass('selected'); 
     $('input#' + tagId).attr('checked', 'checked'); 
     $('ul.selectedTags').append('<li id=' + tagSelectedId + '"><label class="tag"><span>' + $(this).text() + '</span></label></li>');   
    } 
}); 

BTW, 확인란이 숨겨져있어 클릭 이벤트가 표시되지 않습니다.

Answer 1

당신거야 또는

문제 '에'는 클릭 이벤트가 방금

을 만든 요소에 바인더 제본되지 않은 것을 '클릭'에 '라이브'를 을 전환해야 그렇지 않으면

$(document).on('click', 'ul.chooseTags label.tag', function(){ 
    // code 
}); 

:

당신은 JQuery와 1.7 이상을 사용하는 경우

$('ul.chooseTags label.tag').live('click', function() { 
    // code 
});