javascript - 如何使用jquery打开另一个隐藏的html页面中的分区?

标签 javascript jquery html

同一个文件夹中有两个html文件。 文件1.html 文件2.html 问题是打开文件 2 中的特定分区,该分区通过单击文件 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();


});

它打开文件2。但它没有显示 file2 中的分区。

最佳答案

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

您可以向网址添加哈希,并在第二页内检查该哈希

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

在其他页面:

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

关于javascript - 如何使用jquery打开另一个隐藏的html页面中的分区?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55444752/

相关文章:

javascript - JS Flot 图表 : 2 y-axes with the same data. 一张是数字数据,一张是百分比

javascript - native 加密加密抛出 DOMException

javascript - 允许用户垂直调整 block 的大小并使其下方的所有内容向后/向前推

php - 停止 javascript 缓存

javascript - 从最高数字删除开始索引后动态构建输入字段?

java - 使用 aspose.PDF java 库将 PDF 转换为 HTML?

html - 遇到移动与桌面样式的问题

javascript - 为什么节点编译比那样大?

javascript - 外部接口(interface)在带有 Flash 11 的 AS3 中不起作用

javascript - 防止元素包装