Question

I have the exact problem here, except that I do not want to use the Jquery UI dialog buttons. I want to use my own buttons from the form I loaded by ajax.

Is there a global override method for on all dialog loaded, I run a live event to attach the styles to the buttons or other content that was loaded by ajax inside the dialog?

Answer 1

well when u load the dialog u can do this:
(if the class of ur buttons is button-class)

var $dialog = $('<div>').load('/Dialog').dialog({
    autoOpen: false,
    title: 'Dialog',
    height: 250,
    width: 750,
    resizable: false,
    modal: true,
    show: "fadeIn",
    hide: "fadeOut"
});
//get the widget element
var $widg = $dialog.dialog('widget');
//find all buttons and apply button:
$("input:submit.jqBtn", $widg).button();

see fiddle here: http://jsfiddle.net/maniator/D8uYW/