ayax 호출 후 fancybox가 연결되지 않음

fancybox를 사용하여 링크에 작은 사진을 넣어 큰 사진을 표시합니다. 이것은 잘 작동합니다. 툴팁 jQuery 앱에는 작은 문제가 있었기 때문에 var 'title_from_alt'를 가져 와서 fancybox 제목을 설정했습니다. 그다지 관련성이 없습니다.ayax 호출 후 fancybox가 연결되지 않음

자, 이제 AJAX 호출을 통해 페이지를 검색하고 있습니다. 부분적으로, 'fancyboxfoto'클래스와 새로운 링크가 있습니다. 그러나 새로 추가 된 링크에는 팬시 박스가 부착되어 있지 않습니다.

나는 .on과 .live 등을 읽었지만 이벤트는 ('클릭'과 같은) 원하는 것처럼 보이지만 아래 코드에서는 '클릭'이벤트가 표시되지 않습니다. 무엇을해야합니까!?

jQuery(document).ready(function($){ 

//fancybox 
var title_from_alt = $("a.fancyboxfoto").attr("alt"); 
$("a.fancyboxfoto").fancybox({ 
    'titlePosition'  : 'over', 
    'onComplete' : function() { 
     $("#fancybox-wrap").hover(function() { 
      $("#fancybox-title").show(); 
     }, function() { 
      $("#fancybox-title").hide(); 
     }); 
    }, 
    'overlayColor'  : '#000', 
    'title'   : title_from_alt, 
    'overlayOpacity' : 0.9, 
    'showCloseButton' : 'true', 
    'autoScale' : 'true', 
    'autoDimensions' : 'true' 
}); 
});

당신은 AJAX를 통해 새로운 DOM 요소를 불러 오는 한 후 다시 fancybox를 초기화해야

<a class="fancyboxfoto" title=" Tirzo Martha, Shipwrecked, 2002 " href="/images/Shipwrecked.jpg"> 
    <img class="tiptip" vspace="12" hspace="12" align="left" title=" Tirzo Martha, Shipwrecked, 2002 " src="/images/Shipwrecked-kl.jpg"> 
</a>

출처

2012-07-09 Ace Suares user1266770