Painel de Atualização do ASP.NET impede que o jquery funcione

Eu tenho binded jquery events definidos para mouseous mouseleave, bem como jquery arrastável. Os divs são colocados em um painel de atualização e, quando um botão é clicado, as informações são enviadas ao database e o painel de atualização é atualizado. No entanto, quando o painel é atualizado, os events jquery não funcionam mais. Alguma idéia de por que isso seria o caso?

Você pode adicionar um gatilho asynchronous à sua página para chamar uma function JavaScript / jQuery após qualquer chamada assíncrona.

Coloque este código no seu Page_Load () do seu código aspx:

//This script handles ajax postbacks, by registering the js to run at the end of *AJAX* requests Page.ClientScript.RegisterStartupScript(typeof(Page), "ajaxTrigger", "Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);", true); Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "EndRequest", "function EndRequestHandler(sender, args){AsyncDone();}", true); 

Este trecho de código chamará especificamente a function JavaScript / jQuery AsyncDone ();

tente usar

 function pageLoad(sender, args) { // JQuery code goes here } 

ao invés de

  $(document).ready(function() { // JQuery code goes here }); 

Isso funcionará quando um botão dentro de um painel de atualização for clicado; ele vai para o servidor e adicionará novamente o jquery quando voltar. No entanto, isso não funciona com postbacks asynchronouss causados ​​por um controle, como o eo: AJAXUploader, mas combinando isso com a versão do Bryans, você também pode manipular postagens assíncronas

Dê uma olhada neste post do Encosia, que oferece algumas maneiras de religar as atualizações do async. Achei que isso resolveu meu problema, que era semelhante.

Use ao vivo .

 $("div").live("mouseenter", function(){ // do something }); 

Bryan tem a resposta. Eu normalmente adiciono isso com alguns manipuladores de events, para esfolar e tal, que triggersm após o PostBacks com isso:

  /** * .NET Event Handlers * When new code is added on to the client by way of * .NET PostBacks, CSS is typically ignored. This method * can be used to add CSS to new elements as they are added * asynchronously. It calls a script at the end of every * partial post back request. * * @example - Core.NETEventHandlers.AsyncPostBack.Init(); */ var NETEventHandlers: { /** * Async Post Back Handler * calls a script at the end of every partial post back request */ AsyncPostBack: { EndRequest: { Add: function() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(NETEventHandlers.AsyncPostBack.EndRequest.Handler); } // EO Add , Handler: function(sender, args) { // Handlers here. alert('Hello World'); } // EO Handler } // EO endRequest , Init: function() { Sys.Application.add_init(NETEventHandlers.AsyncPostBack.EndRequest.Add); } } // EO AsyncPostBack } // EO dotNETEventHandlers