javascript - JS 文件未链接到 asp.net MVC View

Question

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

我有一个名为“receive”的 View ，它放置在 Views/Main 文件夹中。

我正在尝试添加js文件。

在智能感知中，我可以访问 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" /> 

我的 Scripts 文件夹位于根目录。

如何将我的 js 文件链接到我的 View ？我已经尝试了上面的方法，但它不起作用

以下是文件结构

Js文件结构

Answer 1

首先jquery正在加载!您会看到 $ is not defined如果不是，则会在浏览器控制台中出现错误。

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

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

发生的情况是，当渲染 View 时，脚本的第一行尝试附加 .click()带有 id="btn" 的元素的事件，但此时该元素在 DOM 中不存在(位于页面的更下方)，因此您实际上将事件附加到未定义的元素(不存在的元素)。

除非您将脚本放在紧接结束之前 </body>标签，您应该始终将脚本包装在 $( document ).ready() 中