In FireFox I have this jQuery at the end of the body:
$(document).ready(function() {
$.getScript(\'LiveMapsJavascriptProvider.aspx?type=reference&va
You can try using something like head.js to specify execution order, while still taking advantage of parallel loading.
document.ready
is fired after the DOM is loaded. You may try this:
$(window).load(function() {
// will execute once all scripts and images are finished loading
});
You don't necessarily need to use jQuery for that.
Simply have an onload function as below:
<body onload="JavascriptFunctionName">
Or you can dynamically attach your function call to the onload event as shown below:
function addEvent(obj, evType, fn){
if (obj.addEventListener){
obj.addEventListener(evType, fn, false);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
addEvent(window, 'load', JavascriptFunctionName);
You may embed jQuery functions calls inside the JavascriptFunctionName
function.
EDIT:
jQuery is also capable of doing that through the following code. I recommend trying that first, for the sake of avoiding unnecessary redundant code.
$(window).load(function() {
JavascriptFunctionName();
});