jQuery를 사용하여 프로그래밍 방식으로 요소에 이벤트 트리거

Question

동적으로 문서에 추가되는 요소가 (주로 <select>) 있습니다. 내가 원하는, 함수 호출에 어떤 시점에서

$(document).on('click', '.cfield_fieldtype', function(){ 
    // do something... 
}); 

$(document).on('change', '.cfield_fieldtype', function(){ 
    // do some other stuff... 
}); 

: (향후에 추가 될 것입니다 심지어) 모든 요소가 그들에게 바인더 제본 click 및 change 이벤트 핸들러가 있는지 확인하기 위해, 나는 $(document).on 방법을 사용 내 <select> 요소를 재설정하려면 각 selected의 첫 번째 <option>을 설정하십시오. 그러나 이것이 발생하면 사용자 상호 작용에 의해 마치 click 및 change 이벤트를 프로그래밍 방식으로 트리거하고 싶습니다. 첫 번째 옵션을 selected으로 설정하면 click 이벤트가 실행되지는 않지만 change 이벤트는 트리거되지 않습니다. 요소에 대해 이러한 이벤트를 발생 시키려고하면 반응을 보이지 않고 아무 것도하지 않습니다. 코드는 다음과 같습니다.

$("#cfield_panel\\["+unique+"\\] select").each(function(){ 
    name = $(this).attr('name'); 
    $(this).val($("[name='"+name+"'] option:first").val()); 
    $(this).triggerHandler('click'); 
    $(this).triggerHandler('change'); 
}); 

어떻게 이러한 이벤트를 실행할 수 있습니까?

Answer 1

사용 .click() 및 .change() : 이벤트와 함께

$(this).click(); 
$(this).change(); 

또는 .trigger() : 당신은 trigger() 방법을 사용할 수 있습니다

$(this).trigger('click'); 
$(this).trigger('change'); 

Answer 2

대신 (이벤트를 위임하고 있기 때문에) 이벤트를 전파 할 수있는 :

$(this).trigger('click'); 
$(this).trigger('change');