ajax 호출에 대한 이벤트 바인딩 - 어떻게 처리합니까?

Question

은 내가

몇 가지 메뉴 버튼으로 간단한 페이지와 떨어져 시작 "무엇이 최선의 방법이다"나는 작업의 내 현재의 방법은 다소 모호 생각으로 질문의 유형 .. .. 각 메뉴는 하나를 가지고있다 다음과 같은 방법으로 주 영역을 채우기 위해, 바인드 이벤트 ..

$('#admin_panel_inner>a').bind('click', function() 
{ 
    $.get(url, function(data) 
    { 
     $('#admin_panel_wrapper').html(data); 
    }); 
}); 

지금까지 너무 좋아,하지만 지금은 내 질문에 정말 내가 가진 HTML 템플릿의 수에 아약스 수 .. 여기서 시작 위의 메서드는 각각 테이블, 편집 단추 또는 만들기 단추를 포함합니다 ..

nex 그러나 나는 아약스에 의해 가져온 위의 버튼/링크를 클릭 이벤트를 잡기위한 또 다른 이벤트 핸들러 세트에 바인딩하는 것을 볼 수있다. 나는 심지어 존재하지 않을 수도있는 많은 이벤트 바인딩을 통해이를 빨리 제어 할 수 있음을 알았다. 내가 레이아웃 관리자 페이지가 필요합니다.

, 어떻게 내가 아닌 다른 모든 그냥 레이아웃에 대한 이벤트 리스너를 트리거 할

내가 그 작은 희망 .. ajaxed HTML 템플릿 "수" 더 자세히 ... 다시 감사,

Answer 1

일반적으로 가장 좋은 방법은 가장 눈에 띄지 않습니다.

일반적으로 DOM 준비가되었을 때 호출되는 init() 함수를 만듭니다. ID와 클래스 이름을 기반으로 모든 이벤트 핸들러를 연결합니다. 가능한 한 인라인 "onclick"을 피합니다.