는 HTML을 추가하지만 추가 태그가 div에위한 입력이

Question

새로운 요소에 어떤 선택 ...

이없고 지금은 태그를 삭제하려면 ...하지만 새로운 태그에는 선택이 없다

$('#filetag').keyup(function (e) { 
    var o = $('#filetag'), 
     t = $.trim(o[0].value); 
    if (e.which == 13 && t) { 
     o[0].value = ''; 
     $('#showtag').append('<img id="delete_tag" title="del" alt="del" class="button8 bdelete" src="/media/images/cleardot.gif">'+t); 

    } 
}); 

$('#delete_tag').click(function() { 
    console.log('sad'); 
}); 

나는 살아 있어야하지만 어떻게 그리고 어떤 요소를 사용해야합니까? .append 캔트 라이브 사용 하시겠습니까?

Answer 1

에 추가 당신이 만드는 요소에 이벤트를 직접 바인딩 할 수 있습니다 :

$('#filetag').keyup(function (e) { 
    var o = $('#filetag'), 
    t = $.trim(o[0].value); 
    if (e.which == 13 && t) { 
    o[0].value = ''; 
    var img = $('<img/>', { 
     id: 'delete_tag', 
     alt: 'del', 
     className: 'button8 bdelete', 
     src: '/media/images/cleardot.gif' 
    }).click(function() { 
     console.log('sad'); 
    }); 
    $('#showtag').append(img).append(t); 
    } 
}); 

Answer 2

jquery 객체를 만들고 이벤트를 저장하십시오.

var img = $('<img></img>').attr({'id':"delete_tag", ../**attr here**/.. }) 
          .live(/*live here*/).click(/*or click here*/); 

그리고

$('#showtag').append(img); 

Answer 3

이 가능성 :

이

1 /를 live를 사용 기능 :

$('#delete_tag').live('click', function() { 
    console.log('sad'); 
    }); 

2/생성 요소에 클릭 이벤트를 추가

$('<img id="delete_tag" title="del" alt="del" class="button8 bdelete" src="/media/images/cleardot.gif">'+t) 
    .click(function { 
    console.log('sad'); 
    }) 
    .appendTo('#showtag');