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

它适用于我：

＆＃13;

<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>

＆＃13;

另外，你不需要逐个隐藏它们，你可能已经完成了：

$(".px-nav-actions li").hide(); // hides all

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

1 个答案: