簡體   English   中英

ASP.NET中外部javascript文件中的jQuery

[英]jQuery in external javascript file in ASP.NET

如何在ASP.NET的外部javascript文件中使用jQuery?

這是我的代碼:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="~/Javascript/Javascript.js" runat="server"></script>
    <script src="~/Javascript/jquery-2.1.1.js"></script>
</head>

但是在Javascript.js文件中,我不能使用jQuery選擇器$() 當我使用它不起作用。

Javascript.js

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

此代碼無效。 同樣,IntelliSense在Javascript.js中也不起作用。

您必須在Javascript.js之前包含jQuery

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="~/Javascript/jquery-2.1.1.js"></script>
    <script src="~/Javascript/Javascript.js" runat="server"></script>
</head>

您說過在開發人員控制台中有以下錯誤:

Failed to load resource: the server responded with a status of 404 (Not Found) localhost:46316/~/Javascript/Javascript.js 
Failed to load resource: the server responded with a status of 404 (Not Found) localhost:46316/~/Javascript/jquery-2.1.1.js 
Uncaught TypeError: undefined is not a function

您可以通過正確設置文件路徑來解決這些問題:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="/Javascript/jquery-2.1.1.js"></script>
    <script src="/Javascript/Javascript.js" runat="server"></script>
</head>

通過將以下代碼行放入Javascript.js(使自己意識到自己),使IntelliSense起作用:

/// <reference path="jquery-2.1.1.js" />

在此處閱讀IntelliSense功能和參考指令的文檔: http : //msdn.microsoft.com/zh-cn/library/bb385682.aspx#Features

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM