1

我面临一个花式盒子加载问题。我有以下页面布局： 在此处输入图像描述

我已经编写了包含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。请在这种情况下帮助我。

提前致谢。

4

1 回答 1

1

你可以做一件事

首先我意识到DIV标签与父容器绑定（就像包含DIV标签的父页面），所以有时不要与JavaScript组件绑定。CSSDOM

其次，我已经有了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设置愿望页面。IFRAMEDIV 1 pane

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

干杯!

于 2013-02-16T09:57:41.177 回答