1

asp.netページにAjaxタブコンテナがあります。テキストボックスをクリックして日付を選択するためにjqueryを使用しています。しかし、jquery は Ajax タブ コンテナーでは機能しません。

以下は私が使用しているコードです。

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script type="text/javascript">
               $(document).ready(function () {
            $(".datecontrol").datepicker();
        });

    </script>
 </script>
</head>
<body>
    <form id="form1" runat="server">
    <ajax:ToolkitScriptManager ID="scriptmanager1" runat="server">
    </ajax:ToolkitScriptManager>
    <div class="Wrapper">
        <ajax:TabContainer ID="TabContainer1" runat="server" CssClass="fancy fancy-green"
            ActiveTabIndex="0">
            <ajax:TabPanel ID="tbpnluser" runat="server">
                <HeaderTemplate>
                    New Patient</HeaderTemplate>
                <ContentTemplate>
                    <asp:Panel ID="UserReg" runat="server">
<asp:TextBox ID="txtDob" runat="server" CssClass="datecontrol"></asp:TextBox>
 </asp:Panel>
                </ContentTemplate>
            </ajax:TabPanel>
 </ajax:TabContainer>
 </div>
    </form>
</body>
</html>
4

3 に答える 3

2

jQueryjQuery libraryに含まれていないため、 は機能していませんHTML page。

ここからを含めますlatest jquery library：

http://jquery.com/

于 2013-03-15T10:06:29.770 に答える
1

こちらを参照してください。次のファイルをインポートする必要があります。js ファイルではなく css ファイルのみが含まれています。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
于 2013-03-15T10:17:31.553 に答える
0

スクリプトにテキストボックスのIDが含まれていません..これを実行してください..

$(document).ready(function () {
        $("#txtDob").datepicker();
    });

また、以下に示すようにjqueryを含める必要があります..

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

詳細については、このリンクを参照してください

于 2013-03-15T10:16:20.343 に答える