如何隱藏導航欄中的鏈接（主頁）

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