Question

我将在这里描述我面临的问题：

<a href="page1#div1">page1</a> 
<a href="#div1">page1</a>

这些是页面隐藏div的外部和内部链接

<div class="pagediv" id="div1">Usercontrol1/content1</div>
<div class="pagediv" id="div2">Usercontrol2/content2</div>

我通过网站周围的锚点访问不同的内容（一次一个）。我在Stackoverflow上找到了一个扩展（显示）隐藏div的js代码：

window.onload = function() {
   var hash = window.location.hash; // would be "#div1" or something
   if(hash != "") {
   var id = hash.substr(1); // get rid of #
   document.getElementById(id).style.display = 'block';
}

代码工作正常，但是当链接在内部时我无法展开div，例如当它位于页面上时无法展开div2

<a href="#div1">page1</a>

我想要一个提供两种可能性的脚本（对不起，对jquery来说很新...），并在目标网页上隐藏任何展开的div 我还添加了这个脚本，可以顺利过渡到页面

$(".pagebody a").click(function (event) { 
   event.preventDefault(); 
   linkLocation = this.href; 
   $("body").fadeOut(500, redirectPage); });

function redirectPage() {
  window.location = linkLocation;
}

有没有办法整合所有这些以实现所需的导航？

感谢您的帮助。

图腾

通过引用外部页面或内部页面中的锚点来扩展隐藏的div

0 个答案: