在ASP.NET的主/內容頁面jQuery忽略

我想在ASP.NET上使用jQuery，實際上下面的代碼完美地工作！在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="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>

但是，如果我在Mater/Content頁面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>

內容頁：

<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>

有沒有人有想法，爲什麼？

編輯： 我從「查看頁面源代碼」下面的代碼在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>

來源

2013-05-07 Seehyung Lee

從這裏的代碼它不被忽略 - 但你已經犯了一些其他的錯誤，可能沒有找到你所提供的目錄。檢查jQuery是否已加載，以及目錄是否相對於頁面位置正確放置。 – Aristos 2013-05-07 08:19:18

指向正在查看的頁面的jQuery腳本文件鏈接是否正確？相對路徑需要相對於頁面而不是母版頁。這引起了我幾次。 – 2013-05-07 08:27:39

如果您使用瀏覽器調試器如Firebug，Chrome Tools等，他們是否提供更多信息？ – 2013-05-07 08:29:31

我需要改變「#txtDateFrom」到「＃<％= txtDateFrom.ClientID％>」，現在它工作正常！

<script type="text/javascript"> 
    $(function() { 
     $("#<%=txtDateFrom.ClientID %>").datepicker({ dateFormat: 'mm-dd-yy' }) 
    }); 
    $(function() { 
     $("#<%=txtDateTo.ClientID %>").datepicker({ dateFormat: 'mm-dd-yy' }) 
    }); 
</script>

來源

2013-05-07 09:26:47

在ASP.NET的主/內容頁面jQuery忽略

回答

相關問題