的Javascript在更新面板部分回發後不工作

Question

<script type="text/javascript"> 
     $(function() { 
      $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' }); 
     }); 
    </script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <asp:TextBox ID="TextBox1" class="datePicker" runat="server"></asp:TextBox> 
    <asp:UpdatePanel ID="holder" runat="server" UpdateMode="Always" ChildrenAsTriggers="true"> 
     <ContentTemplate> 
      <asp:DropDownList runat="server" ID="ddl_RespondBy" AutoPostBack="true" OnSelectedIndexChanged="ddl_SelectedIndexChanged"> 
       <asp:ListItem Selected="True">1 Hour</asp:ListItem> 
       <asp:ListItem>Other</asp:ListItem> 
      </asp:DropDownList> 
      <asp:TextBox ID="txt_RespondBy" class="datePicker" Visible="true" runat="server" /> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="ddl_RespondBy" EventName="SelectedIndexChanged" /> 
     </Triggers> 
    </asp:UpdatePanel> 
</asp:Content> 

protected void ddl_SelectedIndexChanged(object sender, EventArgs e) 
    { 
     if (ddl_RespondBy.SelectedItem.Text == "Other") 
     { 
      txt_RespondBy.Visible = true; 
     } 
     else 
     { 

     } 
    } 

我做部分回發與更新面板，我有兩個文本框外的一個更新面板和一個裏面，當我從下拉菜單中選擇其他，並嘗試在txt_RespondBy文本框內打開它不顯示的日曆，但更新面板外部的文本框顯示日曆。爲什麼不使用Javascript部分回發後的工作中更新面板

Answer 1

將您的DateTimePicker初始化代碼，每當（異步或同步）頁面加載。

<script type="text/javascript"> 
    function pageLoad(sender, args) { 
     $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' }); 
    }  
</script> 

Answer 2

您可以使用pageLoad或.live：

參考信息： $(document).ready() and pageLoad() are not the same

.live：

Jquery .live works but not with .datepicker

$(function(){ 
    $('.datePicker').live('click', function() { 
     $(this).datepicker({showOn:'focus'}).focus(); 
    }); 
}); 

頁面加載（）：在頁面加載功能，這就是所謂

function pageLoad(sender, args) { 
    $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' }); 
}