jQuery 使用 MasterPages 调用外部 js 文件
我正在使用 ASP.NET 3.5 和 MasterPages。 我的母版页有对 jquery 和 jquery UI 的脚本引用。 我使用母版页的网页有该页面的自定义 javascript 文件的脚本引用。 这个 javascript 文件中有 jquery 调用（即 document.ready --> 将输入框设置为日历）。
当我从 Visual Studio 调试运行网站时，输入框未设置为日历。 但是，如果我从外部文件复制脚本并将其包含在网页的脚本块中，则输入框将变成日历。
我在子页面中也有一个元素（不确定这是否有影响）。 我已经在 ScriptManager 和 ScriptManager 之外引用了外部 javascript 文件，但都不起作用。
当 jQuery 脚本引用驻留在母版页中时，为什么 jQuery 无法在外部 javascript 文件中工作？
任何帮助，将不胜感激。
谢谢
主页面代码
<head id="Head1" runat="server">
<title>Customer Agreement Lifecycle Management System </title>
<link rel="stylesheet" type="text/css" href="~/calms.css" />
<link href="css/ui-lightness/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=ResolveUrl("~/js/jquery-1.3.2.min.js") %>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/js/jquery-ui-1.7.1.custom.min.js") %>"></script>
</head>
子页面代码
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script src="<%=ResolveUrl("~/js/rule.js") %>" type="text/javascript"></script>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
I am using ASP.NET 3.5 with MasterPages. My master page has the script references to jquery and jquery UI. My web page that uses the master page has a script reference for a custom javascript file for that page. This javascript file has jquery calls in it (i.e. document.ready --> set up input boxes as calendars).
When I run the website in debug from Visual Studio, the input boxes are not set as calendars. However, if I copy the script from the external file and include it in a script block in the web page, the input box becomes a calendar.
I also have an element in the child page (not sure if that makes a difference). I have referenced the external javascript file in the ScriptManager and outside of the ScriptManager and neither work.
Why does jQuery not work in an external javascript file when the jQuery script reference resides in the master page?
Any help would be appreciated.
Thanks
MASTER PAGE CODE
<head id="Head1" runat="server">
<title>Customer Agreement Lifecycle Management System </title>
<link rel="stylesheet" type="text/css" href="~/calms.css" />
<link href="css/ui-lightness/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=ResolveUrl("~/js/jquery-1.3.2.min.js") %>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/js/jquery-ui-1.7.1.custom.min.js") %>"></script>
</head>
CHILD PAGE CODE
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script src="<%=ResolveUrl("~/js/rule.js") %>" type="text/javascript"></script>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您确定子对象中对 jQuery 文件的引用出现在 HTML 文档的头部吗？
如果没有，请在标签中放置一个ContentPlaceHolder，并将您需要的引用放置在每个子页面中。
Are you sure the reference to the jQuery file in the child object appears in the head of the HTML document?
If not, put a ContentPlaceHolder in the tag and put the references you need in each child page.
我想感谢大家的建议，但我犯了一个“愚蠢”的错误。 标签错误地仍在外部 js 文件中。 一旦删除，一切都会按预期进行。 我很抱歉占用了大家的时间（并且有点尴尬）。
谢谢。
I want to thank everyone for their suggestions but I made a "bone-headed" mistake. The tags were mistakenly still in the external js file. Once removed, everything works as expected. I apologize for taking up everyone's time (and somewhat embarrassed).
Thanks.
外部脚本是否包含在 jquery 脚本下面？ 也许这是脚本加载和运行的顺序......
Is the external script include below the jquery script? Maybe it's the order in which the scripts are being loaded and run...