fancybox不在div标签中工作

Question

我遇到了fancybox加载的一个问题。 我有以下页面布局：

我编写了代码，用于在jquery.fancybox-1.2.6.js文件中包含jquery.fancybox-1.2.6.css和browse.php以及用于fancybox的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绑定1}}组件。

其次，我已将DIV与IFRAME重新联系，现在可以根据需要进行工作。我之所以注意到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";

干杯！