jQuery .html()을 jQuery prettyPhoto 라이트 박스와 상호 작용하는 방법은 무엇입니까?

Question

나는 사업부 그 HTML을 내가 jQuery를 사용하여 클릭에 변화하고있다라는 toprightbox 있습니다

$(".icon").click(function(){ 
$("#toprightbox").html('<a rel="prettyPhoto[artwork]" href="large.jpg"> 
<img src="thumbnail.jpg" width="100" height="100" /></a>'); 
} 

위의 jQuery를 통해 HTML의 변화가 prettyPhoto 라이트 박스에 큰 이미지를 엽니 다 prettyPhoto 라이트 박스를 호출합니다을 ..

왜 이것이 작동하지 않는지 알고 싶습니다. link()와 html이 생성되었지만 jQuery 코드 내에서 jQuery 호출을 만드는 것은 불가능 해 보입니다. prettyPhoto 라이트 박스가 작동하지 않습니다 ... 도와주세요!

Answer 1

작동합니다. 문제는 코드를 호출하는 순서입니다.

1. 페이지가로드되고 모든 초기 html이 렌더링됩니다.
2. 사용중인 플러그인이 페이지의 $(document).ready(function() { .... }); 부분에서 호출되었습니다 (희망 사항입니다!). Lightbox 플러그인을 호출하면 (예 : 특정 클래스의 항목에 대해) 해당 선택자의 범위 내에있는 모든 항목 에 적용됩니다.
3. 나중에, 어떤 시점에서 사용자는 ".icon"요소를 클릭합니다. 따라서 새 링크가 추가됩니다. 플러그인이 새로 생성 된 링크에 적용되지 않았기 때문에 플러그인이 작동하지 않습니다.

그래서 당신은 새로운 4 단계