Can anyone see why this would be performing so slow? If there is a not an obvious problem, I can eliminate the jQuery as the problem and turn my attention to my CSS.
$("#dialog-modal").dialog({
modal: true,
autoOpen: false,
resizable: false,
draggable: false,
dialogClass: 'ui-dialog-content1',
show:{
effect:"blind",
duration:500
},
buttons: {
"discharge": {
text: " Discharge ",
click: function () {
$('#DisRefForm').submit();
},
class: 'btn purple',
style: 'font-family: "Segoe UI", Helvetica, Arial, sans-serif'
},
"cancel": {
text: " Cancel",
click: function () {
$(this).dialog('close');
},
class: 'btn blue',
style: 'font-family: "Segoe UI", Helvetica, Arial, sans-serif'
}
},
});
DisRefForm is the ID of my form.. The jQuery function linked back to a div...
<div id="dialog-modal" title="Discharge Warning">
<p>Are you sure you want to discharge this Guy ?</p>
</div>