当来自另一个页面时，jquery展开折叠

Question

我不认为这是可能的，但只是想确定。我试图从另一个页面来扩展一个折叠的div（使用jquery）。例如：在主页上，用户点击查看新闻稿，然后进入该页面，其中许多新闻稿已经崩溃。我想扩大正确的新闻发布。这甚至可能吗？

Answer 1

绝对可以 - 假设您控制目标页面。在这种情况下，您可以在请求链接中添加一个额外的参数，指定新闻稿扩展（例如，mypage.html？press_release_id = 1234）

然后，在目标页面（带有新闻稿的页面）中，使用How can I get query string values in JavaScript?中的getParameterByName()，您可以轻松解析此参数并展开相应的div：

$(document).ready(
   function() {
      var id = getParameterByName("press_release_id");
      $("#" + id).show();
   });

Answer 2

在文档就绪功能上展开你想要的那些。

$(document).ready(function(){
 //expand collapse here
});

Answer 3

查看document.referrer怎么样？如果url包含引用特定div的信息，那么只需触发将在您的就绪处理程序中展开它的事件。

Answer 4

var hash = window.location.hash;
$('div'+hash+':first').show();

...用于以下内容： page.html中＃新闻稿-4

和当前ID为press-release-4的DIV

Answer 5

您可以使用查询字符串指定要显示的新闻稿。

这里是如何解析查询字符串：How can I get query string values in JavaScript?

假设您使用上述链接中的函数，它将类似于：

在家：

<a href="press.html?pr=monkeysattack">Monkeys attack small children.</a>

on press.html：

$(function() { $('.pr').not('# + getParameterByName('pr')).hide(); }

Answer 6

1. 显示折叠DIV，不会删除/隐藏

    $(document).ready(function() {
      $(window.location.hash).show();
    }); 
   

2. 显示折叠DIV并在点击同一页面中的其他折叠按钮/链接后将其折叠

    $(document).ready(function() {
      $(window.location.hash).addClass('collapse in');
    });