JQuery во внешнем файле JavaScript в ASP.NET

Как использовать JQuery во внешнем файле JavaScript в ASP.NET?

Это мой код:

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

Источник

1 ответ

Решение

Вы должны включить JQuery до Javascript.js

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

Заставьте IntelliSense работать, поместив эту строку кода в Javascript.js (как вы сами поняли):

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

Прочитайте документацию по функциям IntelliSense и справочным директивам здесь: http://msdn.microsoft.com/en-us/library/bb385682.aspx

Источник
Другие вопросы по тегам