Simples Jquery diálogo, mas agora com um clique
-
05-07-2019 - |
Pergunta
Eu tentei fazer um diálogo usando jquery ele funciona, mas eu não tenho succes em fazê-lo onclick bacuse não deve apenas pop-up, mas somente quando você clicar nele.
<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 para o botão de boa aparência
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
tentou usar estes exemplos
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
Alguém sabe como começar este trabalho com um clique nos # criar-usuário botão eu não sou tão bom em javascript.
Graças Matthy
Solução
Você precisa definir a opção autoOpen
como false para que o diálogo não será aberto quando o seu criado.
Para abri-lo quando o seu botão é clicado, você chamaria o método aberto.
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow