0

我使用 jquery，我看到目前，Jquery 在每个内容页面中都有一个引用。我计划将所有引用移至母版页，以便在需要时轻松更新它们。

因此，我从内容页面中删除了 jquery 引用，并将它们放在母版页的 head 部分，如下所示：

<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

根据我的在线研究，这是正确的方法..但我得到了错误。谁能帮助我并指出什么是错的或需要做什么？

4

3 回答 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-1.9.1.js 文件中定义之前尝试使用 jQuery 引用。

于 2013-09-25T14:31:12.883 回答
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 UI，检查这个，如果你调用了两次 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
于 2013-09-25T14:42:03.393 回答
0

您在加载 jQuery 库之前调用 jQuery ui 库

你的代码

<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>
于 2013-09-25T14:31:14.163 回答