gpt4 book ai didi

javascript - jQuery 和 Bootstrap : Warning on console - Failed resource

转载 作者:可可西里 更新时间:2023-11-01 13:45:10 25 4
gpt4 key购买 nike

前段时间我更新了我的 jQuery,从那时起我的元素就完全停止执行 Javascript。

这是我用来测试JS使用的Index页面中的脚本:

@section scripts{
<script src="~/js/jquery-3.2.1.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script>
console.log("hi");
</script>

这是控制台中的结果:

enter image description here

引起我注意的是:

Uncaught Error :Bootstrap 的 JavaScript 需要 jQuery。 jQuery 必须包含在 Bootstrap 的 JavaScript 之前。

详细了解我看到的警报:

if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery.
jQuery must be included before Bootstrap\'s JavaScript.')}

现在检查 jQuery:

enter image description here

它有一个标签,上面写着它的 extrange(西类牙语为 extraño)

更新

我决定卸载 jQuery 和 bootstrap 并重新安装它们:首先是 jQuery,然后是 Bootstrap。

在那之后,Bower 看起来像这样。

enter image description here

还是不行

检查网络控制台(根据用户要求)我得到了这个:

enter image description here

有一堆kendo ui没有载入

注意:那天我安装了 kendo ui,因为我需要一个可编辑的网格,但由于它很烂,我自己制作并丢弃了 kendo ui。

更新 x2

注意:我正在研究 ASP.NET Core

看来答案可能是 jQuery 必须在 Bootstrap 之前加载。

为了检查这一点,我将查看不同的文件(bower.json、_Layout.cshtml),因为我通常不会在每个文件中引用脚本。我的元素通常在后台有一个引用,我相信它会自动将这些脚本加载到每个 View 中。

例如,我从未在索引页面上引用 kendo ui,但在控制台中我看到它无法加载(因为它已卸载)但已被调用。

为此我检查了 _Layout.cshtml

enter image description here

在这里,我可以看到我的引用文献对我相信的整个元素都有效,而且顺序似乎是正确的。

希望这对任何回复都有帮助!谢谢

最佳答案

这里有两个 jsfiddle 示例。

https://jsfiddle.net/r9tnow7L/

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在上面的 fiddle 中,bootstrapjQuery 之前加载,因为我在外部资源 中指定了顺序。

https://jsfiddle.net/r9tnow7L/1/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

在这个 fiddle 中,jQuerybootstrap 之前加载,请检查 external resources 中的ordering。 p>

请检查浏览器网络面板。这可能有助于您理解库文件的顺序。

关于javascript - jQuery 和 Bootstrap : Warning on console - Failed resource,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45474195/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com