Question

我有一个看似微不足道的问题，其答案不包括在内。

我有两页。

第一页有两个链接：

<a class="first-link" href="page-two.html">Hidden content. </a>
<a class="second-link" href="page-two.html">Shown content. </a>

第二页有一个标题和一些内容：

<div class='content'>
  <h3>Heading goes here. </h3>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis elementum erat, ut sollicitudin ante. 
  </p>
</div>

仅使用jQuery或Native JavaScript：

当我点击第一页上的第一个链接时，我希望第二页加载隐藏div (class='content')。

当我点击第二个链接时，我希望第二页加载显示的div (class=content')。

如果有人能指出我正确的方向，我会很感激。作为JS / jQuery的新手，我发现很难将这样的东西放到可行的Google查询中。

全部谢谢

Answer 1

您需要将参数传递给第二页。最简单的方法是使用查询字符串或锚点。在page-two.html上，您需要检查window.location并相应地显示内容。

例如。设置您的第二个链接 <a class="second-link" href="page-two.html#showcontent">Expanded content. </a>

然后在page-two.html中包含以下脚本

$(function(){
   if(window.location.hash === "#showcontent")
   $("div#hiddencontent").show();
});

仅在来自特定链接时在页面上显示div

1 个答案: