JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<div id="MyDialg" title="Dialog 1">
<input type='text' name='test'/>
</div>
<input id="btnMy" type="button" value="Dialog1" />
JavaScript
$('#MyDialg').dialog({
autoOpen: false,
width: 400,
height: 350,
modal: true,
resizable: false,
buttons: {
"Cancel": function () { $(this).dialog("close"); },
"Save": function () {
}
}
});
$("#btnMy").button().live("click", function () {
var diag = $('#MyDialg');
diag.load("Action/Controller", '', function () {
});
$(diag).dialog('open');
$('#MyDialg').closest('div.ui-dialog').find('span.ui-button-text:contains("Save")').closest('.ui-button').button('enable');
return false;
});