제 바인딩이 엉망입니다. 어떻게 해결할 수 있습니까?

Question

$(function(){ 
    $('.update-mod-form').bind('ajax:success', function(evt, data, status, xhr){ 
     data = $.parseJSON(data); 
     console.log(data.success); 
     console.log(data); 
     if (data.success == true) { 
      $('#page').html(data.html); 
     } 
     else { 
     } 
    }); 
}); 

바인딩 바인딩 문제를 해결할 수있는 모든 JS 바인딩이 있습니까? 이 메서드는 한 번 작동합니다. data.html이 .html 메서드와 함께 추가 된 후에 메서드는 두 번째로 작동하지 않습니다.

data.html은 unbound 인 .update-mod-form 클래스를 생성합니다. 어떻게이 새로운 클래스를 바인드 할 수 있습니까?

나는 또한이 클래스가 여러 번 발생한다는 것을 유의해야한다. 클래스의 두 개 이상의 요소를이 방법으로 메서드에 바인딩 할 수 있습니까?

Answer 1

아니라고 제거합니다. 다시 바인딩해야하거나 live이 아닌 bind을 사용해야합니다.

ps. 이벤트가 ajax:success이 아닌 ajaxSucces일까요? 왜 글로벌 이벤트를 사용하고 있습니까?

Answer 2

#update-mod-form is가 먼저 아약스 호출 후,이 양식 (및 바인딩) 전멸되고, #page 내부가 "정의되지 않은"서버 측, 그렇지 않으면 유효한 JSON