首先是Href链接然后是onclick函数?

时间:2016-10-30 03:16:40

标签: javascript jquery html onclick href

有一个网站带有导航功能,可以在点击时显示/消失细分。它通过基本的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链接。

0 个答案:

没有答案