如何在导航栏(主页)隐藏链接

How to hide links in navigation bar(Home page)

本文关键字：主页 隐藏 链接 导航      更新时间：2023-09-26
<div class="collapse navbar-collapse" id="console-nav-bar">
    <ul class="px-nav-actions nav navbar-nav">
enter code here<li class="nav-item"><a href="home">Home</a></li>
        <li class="nav-item" style="display:none"><a href="tasks">Manage</a></li>
        <li class="nav-item"><a href="Send">Send</a></li>
        <li class="nav-item"><a href="Receive">Receive</a></li>
    </ul>
</div>

目前我正在使用下面的代码来隐藏主页上的链接。

$(".px-nav-actions li").eq(0).hide();
                $(".px-nav-actions li").eq(1).hide();
                $(".px-nav-actions li").eq(2).hide();
                $(".px-nav-actions li").eq(3).hide();

问题:-当我加载主页。我可以在导航栏中看到上面的链接几秒钟，然后它就隐藏了。

如何在主页上停止显示这些链接?

它在我这边工作:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="collapse navbar-collapse" id="console-nav-bar">
        <ul class="px-nav-actions nav navbar-nav">
    enter code here<li class="nav-item"><a href="home">Home</a></li>
            <li class="nav-item" style="display:none"><a href="tasks">Manage</a></li>
            <li class="nav-item"><a href="Send">Send</a></li>
            <li class="nav-item"><a href="Receive">Receive</a></li>
        </ul>
</div>
<script>
    $(".px-nav-actions li").eq(0).hide();
    $(".px-nav-actions li").eq(1).hide();
    $(".px-nav-actions li").eq(2).hide();
    $(".px-nav-actions li").eq(3).hide();
</script>

同样，你不需要一个一个地隐藏它们，你可以这样做:

$(".px-nav-actions li").hide(); // hides all
相关文章：