Question

我正在尝试从此处（同一个域）获取服务器列表的div #content：http://bans.endlessgamers.com/index.php?p=servers

并将其嵌入新页面（同一个域名）：http://www.endlessgamers.com/server-list/

问题：我已设法将其嵌入<iframe>，但服务器列表响应并在点击时展开/折叠。当我展开时，我必须在<iframe>窗口中滚动才能看到内容。有没有办法使用<iframe> div中的信息强制我的页面展开和折叠？

注意：要复制我的问题，请点击服务器的主机名以展开或折叠它。

<head>
<script>
$("iframe").contents().find("#content").width()
</script>
</head>

<body>
    <iframe src="http://bans.endlessgamers.com/index.php?p=servers#content"></iframe>
</body>

Answer 1

您可以尝试设置iframe height dynamic：

//Initially set iframe height on load
$($("#elCmsPageWrap iframe")[0]).css("height",+$("#elCmsPageWrap iframe")[0].offsetParent.clientHeight);

//Set iframe height again when collapse/expand in table
$(".listtable tbody tr td").click(function(){
    $($("#elCmsPageWrap iframe")[0]).css("height",+$("#elCmsPageWrap iframe")[0].offsetParent.clientHeight);
});

Answer 2

为什么不将原始#content div的代码复制到新文件中？让我们说：server-list.php

然后，您在两个页面上都包含此文件：

<?php include 'server-list.php'; ?>

include函数基本上将代码粘贴到文件中。 iFrame主要用于嵌入外部页面。

将内容从我的网站的一部分嵌入到另一个页面（响应）

2 个答案: