Wie schließe ich den jQuery-Dialog innerhalb des Dialogs ohne die Schließen-Schaltfläche?Wie wird der jQuery Dialog innerhalb des Dialogs geschlossen?
Innerhalb des ui-Dialogfelds befindet sich eine einfache Formularanforderung. Wenn eine erfolgreiche Übermittlung erfolgt, schließt das ui-Dialogfeld automatisch und aktualisiert die übergeordnete Seite.
<script type="text/javascript">
$(document).ready(function() {
$("#form-dialog").dialog({
autoOpen: true,
modal: true,
width: 200,
draggable: true,
resizable: true
});
});
</script>
<div id="form-dialog" title="Form Submit">
<form action="default.aspx" method="post">
<input type="text" name="name" value=" " />
<input type="submit" value="submit" />
<a href="#" id="btnDone">CLOSE</a>
<script type="text/javascript">
$(document).ready(function() {
$("#btnDone").click(function() {
$(this).dialog('close');
});
});
</script>
</form>
</div>
-imperialx
Aber das Formular-Tag befindet sich in der UI-Dialog. Keine jquery-Dateien innerhalb des ui-Dialogs, nur eine einfache Formular-Tag-Übermittlung. Wie kann ich den $ ('# form-dialog'). Close() im # form-dialog benutzen? Es ist so, als würde man sich selbst schließen, nachdem man auf etwas geklickt hat, oder es tritt ein Warte-Timer im Dialog auf. – imperialx
Wenn Sie jQuery verwenden, um den Dialog zu öffnen, können Sie ihn mit jquery schließen. In der Zeile rechts unten, wo Sie den Dialog deklarieren, setzen Sie '$ ('# mySubmitButton') live ('click', function() {mySubmitFunction(); $ ('# form-dialog'). close();}); ' – Jason
Ja, aber wie wäre es, wenn ich im Dialog bin? Ich denke, das Äquivalent davon ist etwas wie $ (window) .unload(), wobei das Popup-Formular sich selbst automatisch schließt, anstatt auf die Schaltfläche zum Schließen von jquery-ui-dialog zu klicken. – imperialx