Мои сценарии JavaScripts не работают в моем проекте MVC

Я новичок в MVC. Я пытаюсь решить проблему в течение 2 дней без перерыва (да, 48 часов) самостоятельно, прежде чем обратиться за помощью. Но по какой-то причине я не могу заставить работать скрипты для моего проекта начальной загрузки. Я перепробовал все, что мог, поэтому любая помощь приветствуется. Я использую Bootstrap v4.60 и jqueryv3.6 в моем проекте VS2019.

Мой частичный пакет

         bundles.Add(new Bundle("~/bundles/jquery").Include(
                "~/Scripts/jquery-{version}.js"));
    bundles.Add(new Bundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.bundle.js"));  /*This comes bundled with popper */

Мой частичный макет

          <head>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
    </head>


    <div class="container">
        @RenderBody()
    </div>
.
.
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/popper")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>

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

Переключатель раскрывающегося меню панели навигации

              <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Separated link</a>
            </div>
        </li>

Что мне не хватает?

Источник

0 ответов

Другие вопросы по тегам