如何在另一个用jquery隐藏的html页面中打开分区？

Question

在同一个文件夹中有两个html文件。file1.html file2.html问题是在file2中打开特定的分区，该分区通过单击文件1中的类来隐藏。

在file1中有一个"back“类，在file2中有一个id为"content-3”的分区。我正在尝试写一个函数，当一个人点击file1中的类"back“时，它将揭开file2中的"content-3”部分。

$('body').on('click', '.back', function() {      

  window.location.href = "file2.html";

 $('#content-3').show();


});

它会打开file2。但它没有显示file2中的划分。

Answer 1

原因是每个页面都有自己的窗口，当第二个页面打开时，第一个页面中的javascript就消失了

您可以将散列添加到url中，并在第二个页面中检查该散列。

$('body').on('click', '.back', function() {
  window.location.href = "file2.html#content-3";
});

在其他页面中：

$(function(){
   var hash = location.hash
   if(hash && hash !=='#'){
     $(hash).show()
   }
})

Answer 2

当您更改网站的href并加载新页面时，正在运行的JavaScript将停止。这意味着$('#content-3').show();不会被执行。相反，您可能希望通过url或querystring提供要显示的值。

Answer 3

从click事件中移除show代码。

单独添加此条件逻辑：

if(window.location.href === yourpage.com) { $('#content-3').show() }

确保您的其他页面可以访问您的Javascript文件。