Javascript nel pannello di aggiornamento non funziona dopo il postback parziale

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 
     { 

     } 
    } 

faccio post parziale indietro con il pannello di aggiornamento, ho due riquadri di testo un pannello di aggiornamento esterno e uno interno, quando seleziono altro dal menu a discesa e provo a apri il calendario all'interno della casella di testo txt_RespondBy che non mostra, ma la casella di testo al di fuori del riquadro di aggiornamento mostra il calendario. perché sta Javascript non funziona pannello di aggiornamento interno dopo il postback parziale

Answer 1

inserire il codice di inizializzazione DateTimePicker nella funzione pageload, che si chiama ogni volta che la pagina viene caricata (in modo asincrono o sincrono).

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

Answer 2

È possibile utilizzare pageLoad o .live:

informazioni Riferimento: $(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(); 
    }); 
}); 

Pageload():

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