0

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>

しかし、マスター/コンテンツ ページ 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>
4

1 に答える 1

1

「#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-07T09:26:47.633 に答える