Is there a reason why this particular function is running so slowly? If no obvious issue is found, I may have to rule out jQuery as the culprit and focus on 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'
}
},
});
The ID for my form is DisRefForm. The jQuery function connects back to a specific div...
<div id="dialog-modal" title="Discharge Warning">
<p>Are you sure you want to discharge this individual?</p>
</div>