Ошибка java-скрипта при перемещении ссылок jquery на главную страницу asp.net

0

Я использую jquery, и я вижу, что в настоящее время Jquery получает ссылку на каждой странице контента. Я планирую переместить все ссылки на главную страницу, чтобы их было легко обновить, когда это необходимо.

Таким образом, я удаляю ссылки на jquery с страницы содержимого и размещаю их в главном разделе главной страницы, как показано ниже:

<head id="Head1" runat="server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link href="App_Themes/masterStyleSheet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css"

    <asp:ContentPlaceHolder ID="ExtraHeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

Когда я запускаю приложение, я получаю следующую ошибку:

JavaScript runtime error: 'jQuery' is undefined

Из моих онлайн-исследований это правильный способ сделать это. Но я получаю ошибку. Может ли кто-нибудь помочь мне и указать, что случилось или что нужно сделать?

Теги:
visual-studio-2010

3 ответа

4
Лучший ответ

Переместите тэг jquery script над тегом jquery ui script и удалите одну из ссылок jquery ui, так как вам не нужно включать их дважды:

<head id="Head1" runat="server">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

    <link href="App_Themes/masterStyleSheet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css"

    <asp:ContentPlaceHolder ID="ExtraHeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

jQuery не определен, поскольку библиотека jquery ui пытается использовать ссылку jQuery, прежде чем она будет определена в файле jquery-1.9.1.js.

Поделиться
1

Во-первых, измените порядок вызова в jQuery UI и jQuery-библиотеку, всю библиотеку или плагин, которые используют jQuery, которые задали jQuery, прежде чем вы его вызываете, это для всех библиотек или фреймов:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

то, чтобы вы могли видеть в своем коде, вы дважды вызываете пользовательский интерфейс jQuery, проверьте это, а также если вы дважды вызываете jQuery или другие библиотеки:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
http://code.jquery.com/ui/1.10.3/jquery-ui.js
Поделиться
0

вы вызываете библиотеку jQuery ui перед загрузкой библиотеки jQuery

ваш код

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

измените его на

сначала вызвать файл библиотеки jQuery

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
Поделиться
  • 0
    Да :). Другой ответ фактически указал на еще один недостаток в моем коде. Поэтому, хотя оба ответа дали мне правильное решение, я пометил его как ответ и проголосовал против вас.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню