如何隐藏导航栏中的链接（主页）

Question

<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();

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

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

Answer 1

它对我有用：

 <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