jquery - 如何防止日历点击时的CSS恢复

Question

我正在尝试使用 CSS 和 Jquery 在 ASP 日历上制作一些动画。我使用 CSS 隐藏日历，当某些事件发生时，我只是淡入。日历位于 AJAX 更新面板内。当我点击日历中的某一天时，我的问题就来了。 CSS 似乎重新启动并隐藏了日历，而 Jquery(当然)不会淡入。我想要的是避免在点击时隐藏日历。我尝试了很多东西，但都不起作用。这是我的部分代码:

JavaScript:

$(document).ready(
function ()
{
  ...
  var invoiceB = $(".invoiceBtnPos"); 
  invoiceB.animate({ left: '92%' }, 1500,
        function () {
            var UserCalendarC = $("#UserCalendar");

            UserCalendarC.fadeIn({ duration: 1500 });

            UserCalendarC.classList.remove("DHidden");
        });     
   });

CSS

.DHidden { display:none; }

ASPX

 <asp:UpdatePanel ID="UpdateUserPanel" runat="server">
        <contenttemplate>
            <fieldset class="ZeroDecoration">
             ...
                    <asp:Calendar ID="UserCalendar"  ClientIDMode="Static" runat="server" CssClass="Calendar DHidden" DayNameFormat="Full" ShowGridLines="True" Width="26%" Height="425px" 
                        OnDayRender="UserCalendar_DayRender" NextMonthText="<img src='../Images/nextimg.png' border='0' width='60%' height='auto'>" 
                        PrevMonthText="<img src='../Images/previmg.png' border='0' width='60%' height='auto'>" OnSelectionChanged="UserCalendar_SelectionChanged" >
                        <DayHeaderStyle CssClass="DayHeaderStyle" />
                        <DayStyle CssClass="DayStyle no_underline" ForeColor="White" />
                        <WeekendDayStyle CssClass="WeekendDayStyle no_underline" />
                        <NextPrevStyle CssClass="NextPrevStyle"  />
                        <OtherMonthDayStyle CssClass="OtherMonthDayStyle no_underline" />
                        <SelectedDayStyle CssClass="SelectedDayStyle no_underline" />
                        <SelectorStyle CssClass="SelectorStyle" />
                        <TitleStyle CssClass="TitleStyle" />
                        <TodayDayStyle CssClass="TodayDayStyle no_underline" />
                    </asp:Calendar>  
              ...
            </fieldset>
        </contenttemplate>            
    </asp:UpdatePanel>  

CS

protected void UserCalendar_DayRender(object sender, DayRenderEventArgs e)
{            
    e.Cell.Text += e.Day.DayNumberText;
    e.Cell.ToolTip = e.Day.Date.ToShortDateString();
    e.Cell.Attributes.Add("OnClick",e.SelectUrl);
}

protected void UserCalendar_SelectionChanged(object sender, EventArgs e)
{
   currentDate.Text = UserCalendar.SelectedDate.ToLongDateString();
}

我所做的最接近的方法是在开始时也在 Javascript 中设置显示属性，但行为看起来很奇怪(显示、隐藏，然后淡入)...

window.onload = function ()
{
    var calendar = $("#UserCalendar");

    calendar.css("display", "none");
}

我第一次在这里提问，对于我可能犯的所有错误感到抱歉。

Answer 1

好的。我想我在发布问题后第二个修复它(我是多么愚蠢)。我解决了它只是覆盖了为日历更改的选择上的 css，如下所示:

    protected void UserCalendar_SelectionChanged(object sender, EventArgs e)
    {
        UserCalendar.CssClass = "Calendar";
        currentDate.Text = UserCalendar.SelectedDate.ToLongDateString();
    }

我知道不是很干净，但对我来说，它节省了一天。感谢所有在我的问题上浪费时间的人。