Question

我曾尝试寻找答案，但远没有找到答案。基本上，我有一个导航栏，如果选择一个项目，该下拉列表将变为活动状态，因此，我无法再次单击该下拉列表并选择另一个。假设我单击YYY，然后想切换到ZZZ，直到我离开到另一个页面，下拉菜单变为非活动状态，然后单击ZZZ，这是不可能的。有什么解决办法吗？非常感谢。

  <ul class="nav navbar-nav mr-auto">
        <li class="nav-item"><a asp-area="" asp-controller="FOO" asp-action="FOO" class="nav-link">FOO</a></li>
        <li class="nav-item"><a asp-area="" asp-controller="FOO" asp-action="FOO" class="nav-link">FOO</a></li>
        <li class="nav-item"><a asp-area="FOO" asp-controller="" asp-action="FOO" class="nav-link">FOO</a></li>
        <li class="nav-item"><a asp-area="" asp-controller="FOO" asp-action="FOO" class="nav-link">FOO</a></li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Title
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <a asp-area="" asp-controller="XXX" asp-action="YYY" class="dropdown-item">YYY</a>
                <a asp-area="" asp-controller="XXX" asp-action="ZZZ" class="dropdown-item">ZZZ</a>
            </div>
        </li>
    </ul>

当我进入其中一页时，它基本上拒绝下拉菜单。意思是我在里面

<a asp-area="" asp-controller="XXX" asp-action="YYY" class="dropdown-item">YYY</a>

该下拉列表根本无法使用，我无法单击ZZZ。

Answer 1

已发现问题是由turbolinks引起的，turbolinks不能完全重新加载页面的某些部分，从而导致这种奇怪的行为

启用.NET Core时导航栏上的Bootstrap下拉菜单无法下拉

1 个答案: