Dialogue Jquery simple mais maintenant sur clic
-
05-07-2019 - |
Question
J'ai essayé de créer un dialogue en utilisant jQuery cela fonctionne mais je n'ai aucun succès à le faire onclick bacuse il ne devrait pas simplement apparaître en popup, mais seulement lorsque vous cliquez dessus.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
</script>
et
<div id="dialog" title="Basic dialog">
<p>hi how are you</p>
</div>
et pour le joli bouton
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
essayé d'utiliser ces exemples
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
tout le monde sait comment faire fonctionner cela en cliquant sur le bouton # create-user Je ne suis pas si bon en javascript.
Merci Matthy
La solution
Vous devez définir l'option autoOpen
sur false afin que la boîte de dialogue ne s'ouvre pas à la création.
Pour l'ouvrir lorsque vous cliquez sur votre bouton, appelez la méthode open.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow