有一个网站带有导航功能,可以在点击时显示/消失细分。它通过基本的onclick js解决(使所有相关的段fadeIn()和不相关的fadeOut()或show()/ hide())。这就像一个魅力,因此我并不打算改变它。整个网站是一个index.html。
我必须制作另一个也可以从导航中获得的new.html,但它必须是分开的。所以没有onclick,但通常的href指向用户新的new.html。到目前为止没什么有趣的。
问题在于用户必须从new.html返回到index.html。当用户浏览new.html并单击导致他们返回index.html的任何导航元素但未调用onclick show-hide函数时,用户会在主页上找到自己而不是所需的索引段。 HTML
那么有没有办法让href首先加载目标(index.html)然后是onclick js?我已经找到了一些相反的解决方案(从onclick返回true而不是false,从而使它运行然后执行href),但是找不到这个。说实话,我现在完全迷失了。
index.html的导航如下所示:
<div class="menu">
<div class="menu-home">Home</div>
<div class="menu-menu1">Menu1</div>
<div class="menu-menu2">Menu2</div>
<div class="menu-newsite"><a href="newsite.html">Newsite</a></div>
</div>
虽然onclick-s对于每个菜单项都是这样的:
$('body').on('click', '.menu-menu1', function(){
$('.menu-home').hide();
$('.menu-menu1').show();
$('.menu-menu2').fadeOut();
});
在new.html上,我想要一个这样的菜单:
<div class="menu">
<div class="menu-home"><a href="index.html">Home</a></div>
<div class="menu-menu1"><a href="index.html" onclick="here comes something that will get back to index.html but with menu1 showing">Menu1</a></div>
<div class="menu-menu2"><a href="index.html" onclick="here comes something that will get back to index.html but with menu2 showing">Menu2</a></div>
<div class="menu-newsite"><a href="newsite.html">Newsite</a></div>
</div>
这个href + onclick可能不是解决方案,但这是我在答案中找到的唯一可能的方式 - 不过相反:首先是onclick动作,然后是href链接。