[JQUERY] jQuery 클릭 이벤트를 추가하지 않고 작동하지 않습니다
JQUERYjQuery 클릭 이벤트를 추가하지 않고 작동하지 않습니다
해결법
-
1.사용 :
사용 :
$('#registered_participants').on('click', '.new_participant_form', function() {이벤트 핸들러를 바인드 한 후에도 New_PartiPant_Form 클래스가 추가 된 #Registered_Partippants가있는 #Registered_Partippy의 모든 요소에 클릭이 위임되도록합니다.
-
2..ON () 메서드는 DOM에 동적으로 추가되거나 이미 존재하는 요소에 이벤트를 위임하는 데 사용됩니다.
.ON () 메서드는 DOM에 동적으로 추가되거나 이미 존재하는 요소에 이벤트를 위임하는 데 사용됩니다.
// 이벤트 동적 - 아동의 정적 부모 $ ( '# redught_partipants'). ( '클릭', '.new_partipant_form', 함수 () { var $ td = $ (이) .cloSest ( 'tr'). 찾기 ( 'td'); var part_name = $ td.eq (1) .text (); console.log (part_name); }); $ ( '# add_new_partipant'). 클릭 (함수 () { var first_name = $. 트림 ($ ( '# f_name_partipant). val ()); var last_name = $ .trim ($ ( '# l_name_partipant)). val ()); var 역할 = $ ( '# new_partipantipant_role'). val (); var exam = $ ( '# exam_partipant'). val (); if (! first_name &&! last_name) 리턴; $ ( '# redught_partippants'). append ( '
참가자 등록 '+ first_name + ''+ last_name + ' '+ 역할 + ' 0 % 완료 '); }); <표 ID = "registered_partipants"class = "tabletorter"> 양식 name 역할 진행 . 참가자 등록 스미스 존슨 부모 60 % 완료 <입력 유형 = "텍스트"id = "f_name_participant"자리 표시 자 = "이름"> <입력 유형 = "텍스트"id = "l_name_participant"자리 표시 자 = "성">