이미지가있는 외부로드 된 페이지 이후에 라이트 박스가 작동하지 않음

모든 이미지를 포함한 마스터 페이지에서 jQuery에 대한 lightbox-plugin을 krewenki으로 구현했습니다. 이것은 잘 작동했다. 외부 이미지에 이미지를 넣고이 외부 이미지 페이지를 마스터 문서에로드하십시오. 라이트 박스가 더 이상 작동하지 않습니다. 이 jQuery 코드 오류입니까, 아니면이 라이트 박스 플러그인 문제입니까?이미지가있는 외부로드 된 페이지 이후에 라이트 박스가 작동하지 않음

홈페이지 - HTML

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox.css" /> 
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> 
    <script src="js/jquery.lightbox.js" type="text/javascript"></script> 
    <!-- http://github.com/krewenki/jquery-lightbox --> 
    <script language="JavaScript"> 
     jQuery(document).ready(function() { 
      $("#loadimages").live('click', function() { 
       $('#images').load('images.html'); 

       $(".lightbox").lightbox(); // THIS DOESN'T WORK??? 
      }  
     }); 
    </script> 
</head> 
<body> 
    <div><a href="#" id="loadimages">Load images</a></div> 
    <div id="images"></div> 
</body> 
</html>

images.html

<a href="image1.jpg" class="lightbox" rel="group1" title="image1"><img src="imgage1_thumb.jpg"/></a> 
<a href="image2.jpg" class="lightbox" rel="group1" title="image2"><img src="imgage2_thumb.jpg"/></a> 
<a href="image3.jpg" class="lightbox" rel="group2" title="image3"><img src="imgage3_thumb.jpg"/></a> 
<a href="image4.jpg" class="lightbox" rel="group2" title="image4"><img src="imgage4_thumb.jpg"/></a>

출처

2010-01-29 Guido Lemmens 2

당신은 lightbox()를 호출하기 전에 완료 load()을 기다리고되지 않습니다. 비동기 함수이므로 콜백을 통해 처리해야합니다.

출처

2010-01-29 04:06:36

이 부분은 여전히 콜백입니다. 이것은 geat이고 완벽하게 작동합니다. 이 레슨에 감사드립니다! 이제 다른 버그를 고칠 수 있습니다 :-) 감사합니다! –

이미지가있는 외부로드 된 페이지 이후에 라이트 박스가 작동하지 않음

답변

관련 문제