[asp.net-mvc]JS 文件不链接到 asp.net MVC 视图

发布时间: 2017/3/25 15:09:51
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我创建一个 asp.net MVC 应用程序。

看命名为"接收",把它放在意见/主文件夹。

我试图添加 js 文件。

在 intellisense 中,我越来越对 js 文件功能的访问。

但当我运行该应用程序,js 文件不链接。

我的看法是如下

 @model dSite.Models.MModels
 <script type="text/javascript" src="../../Scripts/Jquery-2.1.js">        </script>
 <script>         
   $("#btn").click(function () 
       { alert("aa"); 
    });

</script>
@{
     ViewBag.Title = "receive";
 }
<h2>
receive</h2>
<input type="text" id="txtname" placeholder="enter name" />
<input type="button" id="btn" value="click here" /> 

我的脚本文件夹是根本。

如何将我 js 文件链接到我的视图中?我尝试了以上,但它不工作

以下是文件结构

enter image description here

Js 文件结构

enter image description here

解决方法 1:

首先被加载 jquery !你就会看到 $ is not defined 在浏览器控制台中如果不是错误。

真正的问题是页面的,你有下面的脚本顶部,但不是在 document.ready 内。

<script>         
    $("#btn").click(function () { 
        alert("aa"); 
    });
</script>

会发生什么是呈现视图,该脚本的第一行试图附加 .click() 到具有元素的事件 id="btn" ,但此时该元素不存在在 DOM 中 (其进一步向下页) 所以你实际上将事件附加到未定义的元素 (不存在的一个)。

除非您将您的脚本立即关闭前 </body> 标记,你应该总是裹好您的脚本(文档) $.ready()

赞助商