jQuery에서 수동으로 양식 변경

Question

jQuery 1.7.2를 사용하여 양식의 change() 함수를 수동으로 트리거하려고하는데 작동하지 않습니다. 내 코드 :

$(document).ready(function(){ 

    console.log('going to change form'); 

    $('form[name="newBom"] input').trigger('change'); 

    $('form[name="newBom"] input').change(function() { 
      console.log('form changed'); 
    }); 
}); 

내가 뭘 잘못하고 있니?

Answer 1

change 처리기가 입력에 바인딩되기 전에도 change을 트리거하면 예상되는 기능이 작동하지 않습니다.

// bind the handler 
$('form[name="newBom"] input').change(function() { 
    console.log('form changed'); 
}); 

// now, trigger the change event 
$('form[name="newBom"] input').trigger('change'); 

Answer 2

$(document).ready(function(){ 

    console.log('going to change form'); 

    //Attach event handler first 
    $('form[name="newBom"] input').change(function() { 
      console.log('form changed'); 
    }); // missing); 

    //Trigger event 
    $('form[name="newBom"] input').trigger('change'); 


}); //missing); 

** 작업 예 : 당신은 change 핸들러 바인딩 후 change 이벤트 를 트리거하여이 문제를 해결할 수 있습니다 ** http://jsfiddle.net/RG5gn/