전에 작업 colorbox이 페이지 완료 로딩

Question

i를 페이지 HEAD의 코드 조각은 다음과 같습니다 전에 그 결과, 팝 업, 페이지가로드를 완료 할 때만 제대로 열리지 것 같은

<script type="text/javascript">   
$(document).ready(function(){ 
    $(".open_popup_clips").colorbox({width:"520px",height:"480px", iframe:true});  
}); 
</script> 

그것은 그
을 브라우저 창에서 링크를 열 것입니다.
은 페이지가 완전히로드되기 전에 팝업으로 링크를 열도록하는 방법입니다. 나는이 코드 블록을 BODY에 놓으려고했으나 작동하지 않았다.
물론로드 프로세스의 속도를 높이는 것이 가장 좋지만 이제는 남겨 두자.

어떤 재생을위한 고맙습니다 및

Answer 1

:-) 좋은 하루 여기에 두 가지 옵션이있다 있습니다

한

의 document.ready없이 BODY의 하단에 자바 스크립트 코드를 삽입. 이것은 document.ready 바인딩보다 빠릅니다.

2 개, 호출하려는 요소 바로 아래에 자바 스크립트 코드를 넣으십시오. colorbox 이것은 좀 더 지저분하지만 요소가 DOM에 추가 된 직후에 호출되며 가장 빠른 옵션입니다.

이것은 준비 이벤트보다 빠른 것보다 훨씬 좋은 유일한 옵션입니다.

scaryville에 모험하고 싶다면 다음을 확인하십시오. http://javascriptisawesome.blogspot.com/2011/07/faster-than-jquerydocumentready-wait.html 솔직히 말해서, 나는 전에 그것을 시도하지 않았습니다.

Answer 2

Adam의 답은 일반적으로 좋은 조언이지만 문서에 마크 업을 추가하기 전에 DOM이로드 될 때까지 기다리기 때문에 현재 버전의 colorbox에서는 도움이되지 않습니다. 더 빨리 (예를 들어, colorbox를 사용하려는 요소 바로 다음에) 실행하려면 jquery.colorbox.js 파일을 약간 수정해야합니다. 다음 행을 주석 처리하십시오.

// $(publicMethod.init); 

그런 다음 colorbox를 초기화 할 준비가되면 수동으로 init()를 수동으로 호출하십시오. 예 :

<a href='1.jpg' class='example'>1</a> 
<a href='2.jpg' class='example'>2</a> 
<a href='3.jpg' class='example'>3</a> 
<script> 
    $.colorbox.init(); 
    $('a.example').colorbox(); 
</script>