Okno dialogowe Simple Jquery, ale teraz po kliknięciu

Question

Próbowałem utworzyć okno dialogowe za pomocą jquery, które działa, ale nie mam żadnego sukcesu w robieniu tego na onclick bacuse to nie powinno po prostu wyskakujące okienko, ale tylko po kliknięciu na niego.

<script type="text/javascript"> 
$.ui.dialog.defaults.bgiframe = true; 
$(function() { 
    $("#dialog").dialog(); 
}); 
</script> 

i

<div id="dialog" title="Basic dialog"> 
    <p>hi how are you</p> 
</div> 

i za miłą przycisku poszukuje

<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button> 

spróbował wykorzystać te przykłady

http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form

Każdy wie, jak to zrobić, klikając przycisk # create-user Nie jestem zbyt dobry w javascript.

Dzięki Matthy

Answer 1

trzeba ustawić opcję autoOpen false tak, że okno nie otworzy się, gdy jego utworzeniu.

Aby otworzyć go po kliknięciu przycisku, należy wywołać metodę otwartą.

<script type="text/javascript"> 
    $.ui.dialog.defaults.bgiframe = true; 
    $(function() { 
     $('#dialog').dialog({ 
      autoOpen: false 
     }); 
     $('#create-user').click(function() { 
      $('#dialog').dialog('open'); 
     }); 
    }); 
</script>