AJAX 웹 사이트에서 FancyBox 이미지 갤러리로드하기

Question

AJAX를 사용하여 콘텐츠를 동적으로로드하는 웹 사이트를 만들었지 만 FancyBox 이미지 갤러리를로드 할 때 문제가 발생했습니다.

다음으로 이동하는 경우 : http://darynjohnson.com/Medical%20Futures/gallery.php - 예상대로 갤러리가 잘로드됩니다.

하지만 다른 페이지로 이동 한 다음 갤러리로 돌아 가면 작동하지 않습니다. http://darynjohnson.com/Medical%20Futures/about.php#gallery.php

왜 그런지에 대한 아이디어가 있으십니까?

Answer 1

나는 문제가 gallery.php에서 생각 :이 문서로드에 트리거

$(document).ready(function() { 
    $(".fancybox").fancybox(); 
}); 

, 당신은 당신이 about.php (또는 다른 어떤 페이지)에서 페이지를로드하면 수동으로 함수를 호출을 시도 할 수 있습니다.

$(function() { 
    $(".fancybox").fancybox(); 
}); 

편집 : 아니면로 교체하면 dynamicpage.js이 비슷한을 할 수있는 :

$pageWrap.animate({ ... }); 후, $(".fancybox").fancybox();를 추가합니다. 그러면 링크를 클릭 할 때 갤러리를 열 준비가 된 것입니다. 더 나은 접근 방법은 각 페이지에 정의 된 함수를 호출하거나 예를 들어 if (newHash == 'gallery.php')을 검사하는 조건을 추가하는 데 사용될 수 있습니다. 나는 이제 내가 더 분명해지기를 바란다.