【问题标题】：Javascript file not including inside html pageJavascript 文件不包括在 html 页面内
【发布时间】：2017-11-14 18:46:41
【问题描述】：

我正在尝试在 ASP.NET MVC 实践项目中使用 JQuery，但 site.js 文件无法正常工作或包含在 html 页面中。如果我在 html 中的脚本标记内编写 JQuery 代码，那么它工作正常，即使我已经包含了一些其他文件，如 Bootstrap 和 site.css，它们也只能与 site.js 文件一起工作。

Site.js

$(document).ready(function () {
    alert("Hello 1");
});

$(window).load(function () {
    alert("Hello 2");
});

_Layout.cshtml

包括sn-p

<script src="~/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="~/js/site.js" type="text/javascript"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>

【问题讨论】：

您正在包括“site.min.js”而不是“site.js”。会不会是这个问题？
我都试过了，这是我最后一次尝试sn-p。
除非您的服务器上同时拥有这两个版本，否则无需尝试两者。打开 DevTools 并在 Source 或 Network 选项卡上，检查是否成功加载了 js 文件。
尝试用 jQuery(document) 替换美元符号...

标签： javascript jquery asp.net-mvc

【解决方案1】：

您的源代码从 lib 和 js 文件夹开始。如果您的 js 文件夹在您的内容文件夹中，请在倾斜标志后使用内容

<script src="~/Content/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>

【讨论】：

【解决方案2】：

由于我们不想猜测并且不了解您的具体项目，请执行以下操作：

打开您的项目。
在项目中查找缺失的js文件
打开布局文件
在 Visual Studio 中，将 js 文件拖放到布局文件中
修改您的布局以使用 js 文件位置，如放置的链接中所示

测试

请注意，默认情况下它是一个“脚本”文件夹

【讨论】：

【解决方案3】：

将 site.js 文件从解决方案资源管理器拖放到视图中，它应该添加正确的路径。如果这不起作用，请尝试输入：

(function($) {
    $(document).ready(function () {
        alert("Hello 1");
    });

    $(window).load(function () {
        alert("Hello 2");
    });
})(jQuery);

我不知道 (function($){//code})(jQuery);有效，但过去解决了我的问题。

【讨论】：