Einfache JQuery Dialog aber jetzt auf Klick
-
05-07-2019 - |
Frage
Ich habe versucht, einen Dialog zu machen mit Jquery es funktioniert, aber ich habe keinen Erfolg zu tun, es es Onclick bacuse sollte nicht nur popup aber nur, wenn Sie darauf klicken.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
</script>
und
<div id="dialog" title="Basic dialog">
<p>hi how are you</p>
</div>
und für die gut aussehende Taste
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
versucht, diese Beispiele mit
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
Wer weiß, wie diese Arbeit am # mit einem Klick bekommen erstellen Benutzertaste Ich bin nicht so gut in Javascript.
Danke Matthy
Lösung
Sie müssen die autoOpen
Option auf false gesetzt, so dass der Dialog nicht öffnen, wenn sein erstellt.
Um es zu öffnen, wenn der Button angeklickt wird, würden Sie die offene Methode aufrufen.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow