按下按鈕並成功重定向到另一個頁面后，如何禁用導航欄鏈接？

Question

我正在研究一個項目，如果發布請求成功，則按下按鈕將我重定向到另一個頁面后，需要禁用導航欄鏈接。

如何訪問導航欄鏈接，我是否需要使用CSS選擇器，我打算使用jquery禁用它，但我不知道如何從另一個文件中選擇它，因為我的腳本位於我的Index.html，並且我必須有權訪問_Navbar.html

//這是我的_Navbar.html頁面。 我想在按下按鈕后禁用“聯系人”頁面。

<nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">                   
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>                   
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a asp-page="/Index">Home</a></li>
                    <li><a asp-page="/About">About</a></li>
                    <li><a asp-page="/Contact">Contact</a></li>
                </ul>
            </div>
        </div>
</nav>

//我試圖從Index.html中選擇CSS，但是它不起作用。

Answer 1

_Navbar.html內容是DOM的一部分，因此無論從哪個文件調用它，您都應該可以從腳本中訪問它。

鏈接項沒有唯一的ID-理論上，如果“聯系”始終處於一致位置，則可以查找“ navbar-nav”的第n個子元素，但這是一個反模式如果它動了，您將來會頭疼。

簡單的解決方案是為每個鏈接項目指定一個ID，然后您可以根據需要選擇和隱藏。