0

jquery を使用して asp .net カレンダー コントロールを切り替えたい非常に単純なサンプル プロジェクトを作成しました。なぜそれが機能しないのか、誰でも指摘できますか。ASP .NET Web アプリケーション用に提供されたサンプル プロジェクトのマスター ページに変更を加えていません。

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master"     AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="WebApplication5._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js">
</script>
<script language="javascript" type="text/javascript">
// <![CDATA[

    function Button1_onclick() {
       alert( $('<%=Calendar1.ClientID%>'));
        $('<%=Calendar1.ClientID%>').toggle();
    }

// ]]>
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<h2>
    Welcome to ASP.NET!
</h2>
<p>
    To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET     Website">www.asp.net</a>.
</p>
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?    LinkID=152368&amp;clcid=0x409"
        title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
</asp:Content>
4

4 に答える 4

2

jQuery で ID によって要素を選択するには、その前にハッシュ (#) を付ける必要があります。

function Button1_onclick() {
    $('#<%=Calendar1.ClientID%>').toggle();
}

または、要素 ID に依存したくない場合は、クラスを指定して次のようにします。

<asp:Calendar ID="Calendar1" runat="server" CssClass="myCalendar"></asp:Calendar> 

function Button1_onclick() {
    $('.myCalendar').toggle();
}
于 2013-10-29T11:47:59.740 に答える
0

jQuery id セレクターは#で始まります

function Button1_onclick() {
   alert( $('#<%=Calendar1.ClientID%>'));
    $('#<%=Calendar1.ClientID%>').toggle();
}
于 2013-10-29T11:48:36.493 に答える
-1 
try this..



function Button1_onclick() {
           alert( $('#<%= Calendar1.ClientID %>').val());
           $('#<%= Calendar1.ClientID %>').toggle();
        }
于 2013-10-29T09:34:05.200 に答える