Diálogo Jquery - div desaparece después de la inicialización
JQuery Dialog me está dando mucho dolor últimamente. Tengo el siguiente div que quiero que aparezca. (Ignore que las clases no muestran las comillas dobles en la sintaxis)
TABLE class=widget-title-table border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=widget-title><SPAN class=widget-title>Basic Info</SPAN></TD>
<TD class=widget-action>
<DIV id=edit-actions jQuery1266325647362="3">
<UL class="linkbutton-menu read-mode">
<LI class="control-actions">
<A id="action-button" class="mouse-over-pointer linkbutton">Delete this stakeholder</A>
<DIV id="confirmation" class="confirmation-dialog title=Confirmation">
Are you sure you want to delete this stakeholder?
</DIV>
</LI></UL></DIV></TD></TR></TBODY></TABLE>
El JQuery para esto es ...
$(document).ready(function() {
$('#confirmation').dialog({
bgiframe: true, modal: true, autoOpen: false, closeOnEscape: false,
draggable: true, position: 'center', resizable: false, width: 400, height: 150
});
});
Y el diálogo es 'abierto' por
var confirmationBox = $('#confirmation',actionContent);
if (confirmationBox.length > 0) {
//Confirmation Needed
$(confirmationBox).dialog('option', 'buttons', {
'No': function() {
$(this).dialog('close');
},
'Yes': function() {
$('ul.read-mode').hide();
$.post(requestUrl, {}, ActionCallback(context[0], renderFormUrl), 'json');
$(this).dialog('close');
}
});
$(confirmationBox).dialog('open');
}
El problema comienza en la inicialización misma. Cuando se carga el documento, el<div #confirmation>
se elimina del marcado! Tuve un problema similar anteriormente, pero no puedo usar esa solución aquí. En esta página puedo tener múltiples divs PopUp.
Cuando agregué la inicialización justo antes de abrirlo; El formulario apareció. Pero después de cerrarlo, el div se elimina; así que no puedo ver la ventana emergente nuevamente.