c# - 按下按钮并成功重定向到另一个页面后，如何禁用导航栏链接？

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 - 理论上，如果“Contact”始终处于一致的位置，您可以查找“navbar-nav”的第 n 个子项，但这是一种反模式如果它动了，将来会让你头疼。

简单的解决方案，给每个链接项一个ID，你可以根据需要选择和隐藏。