Jquery $(...).modal 不是函数

Question

我一直收到 Jquery $(...).modal is not a function 错误。

我知道如果未加载 jquery 就会发生此错误。我的事情是我非常确定它已正确加载。

在我的 _Layout 中，我加载了一个名为“_LayoutDefaultHead”的部分。

<head>
    @Html.Partial("_LayoutDefaultHead")
    @Html.Partial("_Head")
</head>

我正在加载那个部分 jquery。

<script src="/scripts/jquery.js"></script>
<script src="/scripts/jquery.adnsfalias.js"></script>
<script src="/Scripts/lazysize.min.js" async></script>

在 _Layout 的底部，我正在加载另一个名为“_LayoutDefaultBodyClose”的部分；

@Html.Partial("_LayoutDefaultBodyClose")

在这一部分中，我调用了一个使用 $(...).Modal.

的函数

@Html.Raw(ACMT_Helpers.GetPopup())

    ($('#popup-" + ID + "-modal').modal('show');sessionStorage['popup-" + ID + "-modal'] = 'true';)

即使我加载 Jquery 的方式更早，它也没有加载到“_LayoutDefaultBodyClose”中，我不明白为什么。

有人知道我做错了什么吗？

这是源代码，因此您可以看到它几乎不可能不起作用：

第 1980 行 bootstrap 包含在内。第 1990 行是文档准备就绪，第 1991 行出现错误。

enter image description here

函数 .modal() 甚至在第 1838 行更早的时候被使用。

enter image description here

Jquery 已加载到第 54 行。

enter image description here

Answer 1

问题出在新的 bootstrap 版本上，因为它更改为 vanillajs 而不是像旧版本那样的 jquery。它说您仍然可以将它与 jquery 一起使用，但它只能在页面加载后在控制台中使用，而不是与 .ready 一起使用。我使用旧版本的 bootstrap.js 解决了这个问题。我不知道最好的解决方案，但我不能在这个问题上浪费更多时间。

Jquery $(...).modal 不是函数

Jquery $(...).modal is not a function

jquery

asp.net-mvc