Execute document.ready after ajax post Execute document.ready after ajax post ajax ajax

Execute document.ready after ajax post


You could always just put everything in one function (named loadfunction or something) and call that function when the document loads, and again when the ajax is loaded. Though it is a hacked together solution, it should work well enough.

So then take everything between $(document).onready(function () { and its end bracket }And put it in function OnloadFunction () { ending with }.Then put $document.onready(OnloadFunction);

Example:You have

$(document).ready(function () {alert("test");});

It would turn into:

function OnloadFunction (){    alert("test");}$(document).ready(OnloadFunction);

Then you can call OnloadFunction whenever you want to.


Combining Ben and fotanus' answers I created the following pattern:

$(document).ready(function () {    AjaxInit()});$(document).ajaxComplete(function () {    AjaxInit()});function AjaxInit() {    alert("test");}