Блог

Я работаю над приложением, которое использует пользовательский интерфейс, который я приобрел (One 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>
  

Я должен еще раз подчеркнуть, что меню отлично работает на главной или любых других страницах, но сбой возникает только при вводе вкладок.
Любая помощь будет очень полезной, и, пожалуйста, сообщите мне, есть ли код, который я не опубликовал, который должен быть.

С уважением.