Get Jquery Dialog Working When Loading Content With Ajax

I have the following jquery code: $('.editDialog').dialog({ autoOpen: false, show: { effect: 'blind', duration: 1000 }, hide: { effect: 'exp

Solution 1:

Call your function in the

complete : function(){
/*your function here*/
}

in your ajax POST function. According to me the even is bound before the elements are created in the DOM. Running the function here will trigger it after the ajax has loaded the DOM hence it will be bound to all the elements.