将jquery引用移动到asp.net母版页时出现java脚本错误
将jquery引用移动到asp.net母版页时出现java脚本错误
提问于 2013-09-25 14:27:08
我使用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从我的网上调查来看，这是正确的方法。但我明白错误。有人能帮我指出什么不对或需要做些什么吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-25 14:31:12
将jquery脚本标记移至jquery脚本标记之上，并删除其中一个jquery引用，因为不需要包含它们两次：
<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库在jquery-1.9.1.js文件中定义它之前正在尝试使用jQuery引用。
Stack Overflow用户
发布于 2013-09-25 14:42:03
首先，更改对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.jsStack Overflow用户
发布于 2013-09-25 14:31:14
在加载jQuery库之前调用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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19007674
复制相关文章
相似问题
腾讯云开发者
