it-swarm.com.ru

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

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

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

29
Theomax

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

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

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

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

43
El Ronnoco

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

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

26
tedski

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

Sys.Application.add_load(function() {

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

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

15
pharophy

Лучший способ это 

<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 
}
9
Pranay Rana

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

<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>
3
Ernest

Этот код ниже работает хорошо, чтобы решить эту проблему. Как указано в ссылке, размещенной ранее ( 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
        })
    }
1

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

<script>
Sys.Application.add_load(function() { //Your code }); </script>

0
romi