Question

我正在开发一个使用我购买的UI（一个UI）的应用程序。一切都很好，只不过当我进入项目的不同选项卡时，单击选项卡上的项目会产生以下错误。

 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '/ALLDetails' is not a valid selector.
        at Object.getSelectorFromElement (http://localhost:57386/Content/assets/js/oneui.core.min.js:6:87640)

现在，有关stackoverflow的各种搜索表明，根据调用页面的方式可能会发生这种情况，可以通过添加data-toggle="#"来解决此问题。但这不能解决我的问题。

<li class="nav-main-item">
    <a class="nav-main-link nav-main-link-submenu" data-toggle="submenu" aria-haspopup="true" aria-expanded="false" href="#">
        <i class="nav-main-link-icon si si-wrench"></i>
        <span class="nav-main-link-name">Projects</span>
    </a>
    <ul class="nav-main-submenu">
        <li class="nav-main-item">
            <a class="nav-main-link" href=@Url.Action("Edit","AllDetails")>
                <span class="nav-main-link-name">Add New Project</span>
            </a>
        </li>
        <li class="nav-main-item">
            <a class="nav-main-link" href=@Url.Action("Index","AllDetails")>
                <span class="nav-main-link-name">My Projects</span>
            </a>
        </li>
        <li class="nav-main-item">
            <a class="nav-main-link" data-target="#" href=@Url.Action("SubmittedProp","AllDetails")>
                <span class="nav-main-link-name">Submitted Projects</span>
            </a>
        </li>

    </ul>
</li>

上面是我的一个菜单的代码，它被保存为局部视图并添加到下面所示的主布局中。

<div class="content-side content-side-full">
    <ul class="nav-main">

        <li class="nav-main-item">
            <a class="nav-main-link" href=@Url.Action("Index","Home")>
                <span class="nav-main-link-name">Dashboard</span>
            </a>
        </li>
        <li class="nav-main-heading">All Details</li>
        <li>
            @Html.Partial("_disMenu")
        </li>
        <li class="nav-main-heading">Parameters</li>
        <li>
            @Html.Partial("_disPara")
        </li>
        <li class="nav-main-heading">Logout</li>
        <li>
            @using (Html.BeginForm("Logoff", "Account", FormMethod.Post, new { id = "logoutForm", @class = "nav navbar-nav navbar-right" }))
            {
                @Html.AntiForgeryToken()
            }
        <li>
            <a href="javascript:document.getElementById('logoutForm').submit()">Logoff</a>
        </li>

    </ul>
</div>

我必须再次强调，该菜单在主页或任何其他页面上都可以正常工作，但是只会失败，并且在进入选项卡时会引发错误。任何帮助将不胜感激，如果有我未发布的代码，请通知我。

致谢。

错误：在选项卡中尝试单击菜单选项时，无法在“文档”上执行“ querySelector”

0 个答案: