페이지가로드 될 때 jQuery의 .on() 이벤트 트리거

Question

페이지가로드 될 때 jQuery의 .on() 이벤트가 필요합니다. 이전 화면의 사용자 선택에 따라 동적으로 생성 된 체크 박스가 있습니다. 내가 원하는 것을 수행하는 코드가 있지만 'body'클릭 이벤트에 바인딩하여 작동 여부를 테스트 할 수 있습니다.

내가 가지고있는 것은 다음과 같으며 몸 클릭 대신 페이지가로드되는 즉시 트리거해야합니다. 당신을 위해

$('body').on('click', function (e) { 
    $("input:checkbox").each(function() { 
     if ($(this).attr("disabled") == "disabled") { 
      $(this).parent().addClass('disabled'); 
     } 
    }); 
}); 

Answer 1

두 가지 가능성 :

1) 그냥 단지 닫는 </body> 태그 바로 앞에 페이지의 맨 끝에 코드가 포함 된 스크립트 태그를 넣어 이벤트 핸들러 내에서 제거 :

<script> 
$("input:checkbox").each(function() { 
    if ($(this).attr("disabled") == "disabled") { 
     $(this).parent().addClass('disabled'); 
    } 
}); 
</script> 
</body> 

되는 HTML의 코드가 그 시점에서 사용할 수 위 정의 확인란, 참고 문헌의 모든 :

,

• YUI Best Practices for Speeding Up your Website
• Google on when DOM elements are ready

---

2) 다른 스크립트 태그를 넣어 몇 가지 이유가있을 경우 또는, 당신은 페이지 후 화재 jQuery's ready event를 사용할 수있는 준비가 된 것입니다 만 (onload를하기 전에 보통) :

jQuery(function($) { 
    $("input:checkbox").each(function() { 
     if ($(this).attr("disabled") == "disabled") { 
      $(this).parent().addClass('disabled'); 
     } 
    }); 
}); 

Answer 2

jQuery(document).ready(function($) { 
    $("input:checkbox").each(function() { 
     if ($(this).attr("disabled") == "disabled") { 
      $(this).parent().addClass('disabled'); 
     } 
    }); 
}); 

document.ready 처리기는 페이지로드가 완료되면이 함수를 활성화합니다.