忽略ASP.NET中母版/内容页中的jQuery
我正在尝试在ASP.NET上使用jQuery,实际上下面的代码工作得非常好忽略ASP.NET中母版/内容页中的jQuery,jquery,asp.net,jquery-ui,c#-4.0,master-pages,Jquery,Asp.net,Jquery Ui,C# 4.0,Master Pages,我正在尝试在ASP.NET上使用jQuery,实际上下面的代码工作得非常好 <head runat="server"> <title></title> <link rel="shortcut icon" href="favicon.ico"/> <script src="Scripts/jquery-1.9.1.min.js"></script> <script src="Scr
<head runat="server">
<title></title>
<link rel="shortcut icon" href="favicon.ico"/>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/jquery-ui-1.10.2.min.js"></script>
<link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="StyleSheet.css" rel="stylesheet" />
<script type="text/javascript">
$(function () {
$("#txtDateFrom").datepicker({ dateFormat: 'mm-dd-yy' })
});
$(function () {
$("#txtDateTo").datepicker({ dateFormat: 'mm-dd-yy' })
});
</script>
</head>
$(函数(){
$(“#txtDateFrom”).datepicker({dateFormat:'mm-dd-yy'})
});
$(函数(){
$(“#txtDateTo”).datepicker({dateFormat:'mm-dd-yy'})
});
但是如果我在ASP.NET的主/内容页上使用jQuery,jQuery将被忽略
母版页:
<head runat="server">
<title>asdf</title>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/jquery-ui-1.10.2.min.js"></script>
<link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.ico"/>
<link href="StyleSheet.css" rel="stylesheet" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div runat="server" id="top_outer"></div>
<div runat="server" id="outer">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
asdf
内容页:
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
$(function () {
$("#txtDateFrom").datepicker({ dateFormat: 'mm-dd-yy' })
});
$(function () {
$("#txtDateTo").datepicker({ dateFormat: 'mm-dd-yy' })
});
</script>
</asp:Content>
$(函数(){
$(“#txtDateFrom”).datepicker({dateFormat:'mm-dd-yy'})
});
$(函数(){
$(“#txtDateTo”).datepicker({dateFormat:'mm-dd-yy'})
});
有人知道为什么吗
编辑:
下面的代码来自Chrome中的“查看页面源代码”,当我检查javascript的每个链接时,页面显示javascript代码。如何检查jQuery是否正确加载
<head><title>
asdf
</title>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/jquery-ui-1.10.2.min.js"></script>
<link href="Content/themes/base/jquery-ui.css" rel="stylesheet" /><link rel="shortcut icon" href="favicon.ico" /><link href="StyleSheet.css" rel="stylesheet" />
<script type="text/javascript">
$(function () {
$("#txtDateFrom").datepicker({ dateFormat: 'mm-dd-yy' })
});
$(function () {
$("#txtDateTo").datepicker({ dateFormat: 'mm-dd-yy' })
});
</script>
</head>
asdf
$(函数(){
$(“#txtDateFrom”).datepicker({dateFormat:'mm-dd-yy'})
});
$(函数(){
$(“#txtDateTo”).datepicker({dateFormat:'mm-dd-yy'})
});
我需要将“#txtdate”从“更改为“#”,现在它可以正常工作了
<script type="text/javascript">
$(function () {
$("#<%=txtDateFrom.ClientID %>").datepicker({ dateFormat: 'mm-dd-yy' })
});
$(function () {
$("#<%=txtDateTo.ClientID %>").datepicker({ dateFormat: 'mm-dd-yy' })
});
</script>
$(函数(){
$(“#”)日期选择器({dateFormat:'mm-dd-yy'})
});
$(函数(){
$(“#”)日期选择器({dateFormat:'mm-dd-yy'})
});
从这里的代码中,它不会被忽略-但是您还犯了一些其他错误,可能在您提供的目录中找不到。检查jQuery是否已加载,以及目录相对于页面位置的位置是否正确。指向jQuery脚本文件的链接对于您正在查看的页面是否正确?相对路径需要与页面相对,而不是与母版页相对。有几次我发现了这一点。如果您使用浏览器调试器,如Firebug、Chrome工具等,他们会提供任何进一步的信息吗?我如何判断jQuery是否正确加载?