jquery fancybox, iframe 또는 ajax, URL로로드

Question

fancybox (v2)를 사용하면로드 할 때 iframe 콘텐츠가있는 fancybox를 표시하는 고유 URL을 어떻게 만듭니 까? 인라인 콘텐츠 (예 : www.mysite.com/index.html#idgoeshere)와 잘 작동하지만 fancybox를로드하기 위해 url 또는 j가 포함해야하는 내용을 알지 못하고 특정 iframe을 포함해야합니다. 또는 ajax.txt 페이지. 열린 fancybox 창으로,

www.mysite.com/index.html#iframe.html

로드 인덱스 페이지 : 내가 달성하기 위해 노력하고 무엇

은 같은 링크로 이동하여입니다 , fancybox 창에로드 된 iframe.html 페이지 (또는 아약스를 통해로드 된 .txt 파일 일 수도 있음). 어떤 도움이나 지침

HTML

<a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a> 

Fancybox는

<script> 
$(document).ready(function($) { 
    $.fancybox({ 
    content: $(window.location.hash).html() 
}); 
    $('.fancybox').fancybox(); 
}); 
</script> 

감사합니다.

카일

업데이트 모든 사람의 도움을

감사합니다! 여기 나를 위해 위대한 일을했다. 구글과 페이스 북과 같은 사이트는 종종 그들을 무시하기 때문에 나쁜 생각을 해시 태그입니다 사용

<script> 
$(document).ready(function() { 
    $('.fancybox').fancybox({ 
    'scrolling' : 'no' 
    }); 
    if (window.location.hash !== "") { 
     $(window.location.hash).click(); 
    } 
}); 
</script> 

Answer 1

the Fancybox site의 예제를 살펴보십시오. Fancybox 동작은 전적으로 링크의 href를 기반으로합니다. 따라서 페이지를로드 한 다음 을 호출하기 전에 iframe.html을 가리 키도록 페이지의 링크 href를 업데이트하면 예상대로 작동합니다. 경고 : 따르도록 내 머리 위로 떨어져 테스트되지 않은 코드 ... 하위 문자열 호출이 해시 문자열에서 #을 제거 할 필요가

$(document).ready(function(){ 
    $('#target').attr('href', window.location.hash.substring(1)).fancybox(); 
}); 

는이

Answer 2

: 나는

JS fancybox.iframe로 불리는 후 별도의 HTML 파일로 우리 내 콘텐츠를 저장합니다.

대신 fancybox의 afterLoad 함수에서 window.history.replacestate를 사용하십시오. 예를 들어

: replaceState에 대한

afterLoad:function(){ 
    window.history.replaceState({},"Fancybox","/url-to-set"); 
} 

이상한 점은 처음 두 개의 인수가 (내가 아는 한) 문제가되지 않는다는 것입니다. 중요한 것은 "/ url-to-set"이라는 마지막 인수입니다. 이 URL을 URL로 사용하려는 고유 한 URL로 설정하려고합니다.