Finestra di dialogo Jquery semplice ma ora su clic
-
05-07-2019 - |
Domanda
Ho provato a creare una finestra di dialogo usando jquery che funziona ma non ho successo nel farlo perché un clic non dovrebbe essere solo popup ma solo quando fai clic su di esso.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
</script>
e
<div id="dialog" title="Basic dialog">
<p>hi how are you</p>
</div>
e per il bel pulsante
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
provato a usare questi esempi
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
chiunque sa come farlo funzionare con un clic sul pulsante # create-user non sono così bravo con JavaScript.
Grazie Matthy
Soluzione
Devi impostare l'opzione autoOpen
su false in modo che la finestra di dialogo non si apra quando viene creata.
Per aprirlo quando si fa clic sul pulsante, è necessario chiamare il metodo open.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow