Question

当您从另一个页面链接到引导扩展/折叠详细信息时，我试图使其自动打开。

一个例子是我想链接到类似于http://www.agr.gc.ca/eng/?id=1535571735990的页面，该页面有很多展开/折叠部分。我想要做的就是链接到特定的链接，并只打开它。因此，如果我想从其他位置链接到上一页的AgriStabilty，我希望页面跳到该部分（很简单），但我也希望它也可以打开。如果我从其他地方链接到地理空间产品，则希望它转到该部分并使其打开。

我知道使用引导程序中的选项卡，您可以链接到特定的选项卡并将其打开。我没有看到任何说明可以使用扩展/折叠来完成的内容。似乎需要jQuery，我对此一无所知。

我们的网站也以内容管理系统为模板，因此我无权访问任何脚本或CSS，只能访问正文部分中的内容。

我们已经尝试将＆open添加到起始页上锚点之前的链接（即?id=1553800901644&open#ar），然后在内容之前和之后添加以下脚本

起始页上的链接：

<a href="?id=1553800901644&open#ar">

目标网页上上述目标的HTML：

<details id="ar">
      <summary>Arabic <i lang="ar">العربية</i></summary>
  stuff goes here
</details>

JavaScript：

<script>
function getAnchor() {
    var currentUrl = document.URL,
     urlParts   = currentUrl.split('#');

    return (urlParts.length > 1) ? urlParts[1] : null;
}

if(document.URL.indexOf("&open") != -1) {
     document.getElementById(getAnchor()).click();
}
</script>

我们希望它会转到页面上的正确位置（确实如此），然后模仿单击链接以展开折叠的内容。但是，打开时＆open不会添加到目标页面的URL中。因此，除了锚之外，以上所有内容均无效。似乎是某些东西覆盖了URL的＆open添加。

鉴于手头的限制，有人知道怎么做吗？

Answer 1

我也看到过类似的情况。通过使用iframe，可以将其他页面拉入当前的html文档中。更具体地说，可以通过在URL中调用关联的ID来引用网页的一部分。请参阅有关stackoverflow的帖子：link to a section of a webpage

<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<div>
<iframe src="url_where_dropdown_accordian_is_and_reference_id_of_div_tag_of_opened_accordian?" style="border:none;"></iframe>
</div>
</body>
</html>

如何链接到展开/折叠部分并使其自动打开？

1 个答案: