fancybox不工作在div標記

Question

我正面臨一個問題，fancybox加載。 我有以下頁面佈局：

我寫的代碼，包括jquery.fancybox-1.2.6.js和browse.php文件以及CSS爲的fancybox jquery.fancybox-1.2.6.css（建議我，如果我已經包含在錯誤的文件，而不是explorer.php）

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

，現在browse.php每當用戶點擊DIV 1窗格中的鏈接時加載。

在browse.php我一個鏈接調用的fancybox，

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

但它不能正常工作，有時它在第一次打開，然後開始顯示錯誤TypeError: loading is undefined。 請在這種情況下幫助我。

在此先感謝。

Answer 1

你可以做一件事

首先，我意識到，DIV標籤綁定與父容器（就像它包含DIV標籤父頁面），所以有時JavaScript和CSS不綁定DOM組件。第二，我已經用IFRAME來代替DIV，現在它的工作狀況很好。我注意到IFRAME將其內部來源視爲不同頁面並將整個頁面加載爲另一個window object的原因與我們使用window.open()所做的一樣。所以Javascript和CSS完美地結合在一起。

我已經取代：

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

與

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

並設置慾望頁面SRC到IFRAME而在左DIV 1 pane文件夾上點擊。

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

乾杯！