Document.ready method is called after pageload method.

Hello Guys

I am facing one strange issue. I am upgrading my project to latest jquery version 3.3.2

I have create one sample page which contains only update panel and a javascript link.

Now problem is instead of calling documet.ready mehtod, when i refresh the page (run the application) , pageLoad method called first and than documet.ready method gets called.

I have tried using older version of jqury 2.2.4 and up to that it was working fine with update panel, but when i upgraded to latest version 3.x.x it creates an issue. Below is sample code

default.aspx page

<head runat="server">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.js">script>
<%--<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js">script>--%>
<script src="Scripts/JavaScript.js">script>
<title>title>
head>
<body>
<form id="form1" runat="server">
<div> Page body
div>
<asp:ScriptManager runat="server" ID="sm" ScriptMode="Debug" EnableCdn="false"
EnablePartialRendering="true" LoadScriptsBeforeUI="true">
<CompositeScript>
<Scripts>
<asp:ScriptReference Name="MicrosoftAjax.js" />
<asp:ScriptReference Name="MicrosoftAjaxWebForms.js" />
Scripts>
CompositeScript>
asp:ScriptManager>
<asp:UpdatePanel runat="server" ID="upSnapshot" UpdateMode="Conditional">
<ContentTemplate>
Update panel body
ContentTemplate>
asp:UpdatePanel>
form>
body>

Javascript

$j = jQuery.noConflict();
$j(document).ready(function () {
alert('document.ready');
});
function pageLoad(sender, args) {
alert('Pageload');
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Kiran Mahajan8y ago
page_load is on the server side however the jquery method happens on the client when the dom is loaded so,

if you want an event to work on your page, you should call it inside the $(document).ready() function.