2013-02-16 2 views
1

fancybox 로딩 중 하나의 문제가 있습니다. 나는 다음과 같은 한 페이지 레이아웃 :div 태그에서 fancybox가 작동하지 않습니다.

$(".view_details").fancybox({ 
        'overlayOpacity' : 0.1, 
        'showCloseButton' : true, 
        'frameHeight' : 250, 
        'frameWidth' : 300, 
        'hideOnContentClick':false, 
        'centerOnScroll' : false 
       }); 
enter image description here

내가 jquery.fancybox-1.2.6.js와 fancybox에 대한 browse.php 파일뿐만 아니라 CSS에서 jquery.fancybox-1.2.6.css을 포함하는 코드를 작성했습니다 (I 대신 explorer.php의 잘못된 파일에 포함 된 경우 나 제안)

, browse.php은 사용자가 DIV 1 창의 링크를 클릭 할 때마다로드됩니다. 내가 링크 fancybox를 호출하고 browse.php에서

,

<a class="view_details" href="file.php?par=1" >View Details </a> 

그러나 그것의 작동하지 않는, 아주 처음에 언젠가 오픈하고 이후 보여주는 오류 TypeError: loading is undefined 그. 이 상황에서 도와주세요.

미리 감사드립니다.

답변

1

당신은 내가 DIV 태그 (DIV 태그가 포함 된 상위 페이지처럼) 부모 컨테이너와 결합, 그래서 언젠가 JavaScriptCSSDOM 구성 요소와 결합을 해달라고 실현 한 가지를

우선 할 수 있습니다.

둘째로, 나는 IFRAME으로 relace DIV을 가지고 있으며, 현재는 욕망에 따라 작업을하고 있습니다. 그 이유는 IFRAME은 내부 소스를 다른 페이지로 취급하고 window.open()과 같이 window object과 같은 전체 페이지를로드하기 때문입니다. 따라서 JavascriptCSS은 완벽하게 바인딩됩니다.

<div id="file_list" style="float: left;width: 80%;overflow: auto"></div> 

SRC

<iframe id="doc_list" name="doc_list" style="height: 500px;width: 98%;border: 0px"></iframe> 

그리고 설정 욕망 페이지

IFRAME 왼쪽 DIV 1 pane에서 폴더를 클릭 한 상태 :

나는 대체합니다.

document.getElementById("doc_list").src = "desire_page.php"; 

건배!

관련 문제