Document.Ready() не работает после PostBack

Question

У меня есть страница, содержащая пользовательский элемент управления на панели обновления. $(document).ready(function()) { вызывается и выполняет код правильно, когда страница Firsts нагрузки, но если пользователь нажимает на кнопку (в пользовательском элементе управления), то document.ready() не дозвонился (document.load, onload тоже не работает)

У меня есть исследовал это в сети и нашел похожие проблемы, но ничего, что могло бы объяснить, почему это не работает. Какие еще причины могут быть для document.ready не работают?

Answer 1

Это будет проблема с partial postback. DOM не перезагружается, и поэтому функция готовности документа больше не будет удалена. Вы должны назначить частичный обработчик уведомлений о транзакциях в JavaScript, как так ...

function doSomething() { 
    //whatever you want to do on partial postback 
} 

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(doSomething); 

выше вызов add_endRequest должен быть помещен в JavaScript, который выполняется при первой загрузке страницы.

Answer 2

Bestest способ является функцией

<asp:UpdatePanel... 
<ContentTemplate 
    <script type="text/javascript"> 
        Sys.Application.add_load(LoadScript); 
    </script> 
you hemla code gose here 
</ContentTemplate> 
    </asp:UpdatePanel> 

Javascript

<script type="text/javascript"> 

     function LoadScript() { 
      $(document).ready(function() { 

        //you code gose here 
            }); 
     } 
</script> 

или

Ее под UpdatePanel, чем вам нужно зарегистрировать клиентский скрипт снова используя

ScriptManager.RegisterClientScript 

или

$(document).ready(function() { 
    // bind your jQuery events here initially 
}); 

var prm = Sys.WebForms.PageRequestManager.getInstance(); 

prm.add_endRequest(function() { 
    // re-bind your jQuery events here 
    loadscript(); 

}); 


$(document).ready(loadscript); 

function loadscript() 
{ 
    //yourcode 
} 

Answer 3

Вместо $(document).ready вы можете использовать function pageLoad(){}.

Он автоматически вызывается ScriptManager на странице, даже на обратной стороне.

Answer 4

Я столкнулся с этим некоторое время назад, как сказал Эль Ронноко, он должен пойти с DOM, который не перезагружается. Однако вы можете просто изменить $(document).ready(function() { в

Sys.Application.add_load(function() { 

Это заставит его работать на каждом постбэка.

Вы также можете использовать функцию pageLoad(), но у вас может быть только одна функция pageLoad, тогда как с Sys.Application.add_load вы можете добавить столько обработчиков, сколько пожелаете.

Answer 5

В большинстве случаев это происходит из-за обновления. Просто положите триггеры обратной связи на кнопку, и это решит это.

Answer 6

Это пример, который работал для меня в прошлом:

<script> 
function MyFunction(){ 
    $("#id").text("TESTING"); 
} 
//Calling MyFunction when document is ready (Page loaded first time) 
$(document).ready(MyFunction); 

//Calling MyFunction when the page is doing postback (asp.net) 
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(MyFunction); 
</script> 

Answer 7

Я также сталкиваются с той же проблемой, но я нашел JQuery $ (документ) .ready обработчик событий работает при загрузке страницы, но после того, как ASP.Net AJAX UpdatePanel Partial PostBack не вызывается. поэтому используйте Sys.Application.add_load (function() {}); вместо $ (document) .ready. Это отлично работает для меня :)

Answer 8

Этот код ниже работает хорошо, чтобы решить эту проблему. Как указано в ссылке, размещенной ранее (http://encosia.com/document-ready-and-pageload-are-not-the-same/), когда у вас есть asp.NET с updatePanels, вы должны использовать функцию pageLoad(). Когда у вас есть только одна страница, и в каждой обратной почте она будет полностью перезагружена, $ (document) .ready() является правильной опцией.

Пример использования Pageload:

function pageLoad() { 

     $(".alteraSoVirgula").keyup(function() { 
      code here 
     }) 
    }