jQuery (로딩 아약스 콘텐츠)

Question

더 큰 이미지를 표시하려면 fancybox 플러그인을 사용하고 있습니다.

나는 HTML 페이지

<a id="fancy" href='img_big.jpg'><img scr="img.jpg" /></a> 

가 잘 작동하지만 load()에로드하면 같은 라인 멋진 상자가 적용되지 않습니다에 넣어합니다.

어떻게 해결할 수 있습니까?

Answer 1

세부 정보를 제공하지는 않았지만 .load()을 언급했습니다. 이것은 초기로드 후에 동적으로 문서를 업데이트하고 새로운 요소에 적용되는 fancybox 플러그인을 보지 않는다고 가정합니다.

Fancybox Issue 18 (Google 코드)에서는 jQuery의 .live()에서 작동하는 플러그인을 얻는 데 어려움을 겪고 있습니다. 주석 14는 문제의 앵커 태그에 클래스를 적용한 다음 .live()을 사용하여 선택한 태그의 fanoverbox 동작을 mouseover 이벤트에 바인딩함으로써 누군가의 명백한 성공을 설명합니다. 당신은 또한에 보일 수 있도록

$(document).ready(function(){ 
    $('a.fancybox').live('mouseover', function(){ $(this).fancybox() }); 
}); 

우리는 당신이 사용하고있는 jQuery를 어떤 버전 또는 fancybox 모르는 : 당신은 당신의 <a> 태그 fancybox의 클래스가 있는지 확인하고 같은 것을 할 것 Live Query 해결 방법은 동일한 스레드의 주석 5에 설명되어 있습니다.