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

Question

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

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

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

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

Sys.Application.add_load(function() {

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

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

Answer 4

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

<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 5

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

<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 6

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

Answer 7

      $(document).ready(function () {
    PreRoles();
});

//On UpdatePanel Refresh
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
    prm.add_endRequest(function (sender, e) {
        if (sender._postBackSettings.panelsToUpdate != null) {
            PreRoles();
        }
    });
};

function PreRoles() {
    // Add codes that should be called on postback
}

Answer 8

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

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

Answer 9

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