JQuery Dialog gibt mir in letzter Zeit viele Schmerzen. Ich habe das folgende div, das ich auftauchen möchte. (Ignorieren Sie, dass die Klassen zeigen nicht die doppelten Anführungszeichen in der Syntax)Jquery Dialog - Div verschwindet nach der Initialisierung
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>
Die JQuery hierfür sind ...
$(document).ready(function() {
$('#confirmation').dialog({
bgiframe: true, modal: true, autoOpen: false, closeOnEscape: false,
draggable: true, position: 'center', resizable: false, width: 400, height: 150
});
});
Und der Dialog ‚open'ed von
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');
}
Das Problem beginnt in der Initialisierung selbst. Wenn das Dokument geladen wird, wird <div #confirmation>
aus dem Markup gelöscht! Ich hatte ein ähnliches Problem früher, aber ich kann diese Lösung hier nicht verwenden. Auf dieser Seite kann ich mehrere PopUp divs haben.
Als ich die Initialisierung direkt vor dem Öffnen hinzugefügt habe; Das Formular tauchte auf. Aber nachdem ich es geschlossen habe, wird das div entfernt; Daher kann ich das Popup nicht mehr sehen.
Haben Sie die Konsole in Firebug angeschaut, um zu sehen, ob es irgendwelche Fehler gibt? – Samuel
Keine Fehler auf der Konsole – Zuber
Warum verwenden Sie nicht nur jquery UI – ant