클래스 추가시 .click이 트리거되지 않습니다. - jQuery 사용

Question

클래스와 함께 스팬을 추가했지만 .click이 트리거되지 않습니다.

는 스팬 클래스 코드

var TA = '<span class="TS" id="'+$('#TT').attr('value')+'" style=" color:#fff; margin-left:5px; font-family:arial; font-size:12px">* '+$('#TT').attr('value')+'</span>'; 
$('#QLT').append(TA); 

추가이 사업부의 .TX에 스팬 .TS을 추가합니다. .TSL. 코드를 사용하여 .TS를 트리거하고 싶습니다. 코드 :

$('.TS').click(function() { 
    alert("ok"); 

    }); 

그러나 트리거하지 않습니다. 무엇이 잘못 되었습니까, 모든 도움을 주시면 감사하겠습니다.

감사 장

Answer 1

당신은 아마 당신이 $('#QLT').append(TA)했다 전에 클릭 핸들러 을 정의했다. 따라서 클릭 핸들러는 바인딩되었을 때 .TS 클래스의 새 요소에 대해 알지 못했습니다.

당신은 수동으로 다시 결합, 또는 클래스 TS로 새로운 요소가 DOM에 삽입 될 때 자동으로 바인딩 jQuery의 멋진 live 기능을 사용할 수 있습니다 아마 때

$('.TS').live('click', function() { 
    alert("ok"); 
    }); 

Answer 2

It looks like your code is working fine.

을 클릭하면 실제적으로 텍스트을 클릭하지 않습니다. 클릭 핸들러를 사용하면 가끔 엉망이 생기는 것 같습니다.