【问题标题】:How do i prevent the Side Navigation to go back when i click on a link with javascript?当我单击带有 javascript 的链接时,如何防止侧边导航返回?
【发布时间】:2018-10-09 23:09:16
【问题描述】:

当我点击带有 javascript 的链接时,如何防止侧边导航返回?在侧面导航中,我有三个链接,一些页面链接到其他页面。因此,每当我打开导航并单击链接时,侧面导航就会关闭。我怎样才能让它浏览页面但仍然保持侧面导航打开? mu javascript代码是:

    var btn=document.getElementById("btn");


btn.onclick=function(){
    document.getElementById("left").classList.add("activeL");
};

通常我在 javascript 中使用 add 类,它只用于打开! 我知道这可能是一个愚蠢的问题,但我是 Javascript 的新手,提前感谢你帮助我

【问题讨论】:

    标签: javascript sidenav


    【解决方案1】:

    您可以使用查询字符串。所以你的链接可能是:

    <a href="example.com?navopen=open">my link</a>
    

    Js 会是这样的:

    let urlParams = new URLSearchParams(window.location.search);
    let myParam = urlParams.get('navopen');
    
    if (myParam === "open") {
     //add whatever class/code makes the nav open, guessing:
     document.getElementById("left").classList.add("activeL");
    }
    

    如果您添加更多标记/代码,我可能会更具体 希望这会有所帮助。

    【讨论】:

    • HTML
      现在用于我的 css:#btn{ position:fixed;顶部:0px;右:0px;宽度:40px;高度40px;背景:红色; z指数:500; }; #left{ 位置:固定;顶部:0px;左:0px;宽度:0%;高度:100%; }; .activeL{ 宽度:40%; };现在,当我点击链接时,导航会关闭,我想防止这种情况发生
    猜你喜欢
    • 1970-01-01
    • 2019-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-26
    • 1970-01-01
    • 2014-03-13
    • 2021-01-19
    相关资源
    最近更新 更多