Javascript文件不包含在html页面内

时间:2017-11-14 18:46:41

标签: javascript jquery asp.net-mvc

我试图在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

包含代码段

<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>

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

  1. 打开您的项目。
  2. 在项目中找到缺少的js文件
  3. 打开布局文件
  4. 在Visual Studio中,拖动js文件并将其放在布局文件
  5. 修改布局以使用js文件位置,如删除的链接
  6. 测试

    通常注意它是&#34; Scripts&#34;默认情况下的文件夹

答案 2 :(得分:0)

将site.js文件从解决方案资源管理器拖放到视图中,它应该添加正确的路径。如果这不起作用,试着把它放在:

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

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

我不确定(function($){// code})(jQuery)是怎么回事;有效,但过去解决了我的问题。