Простой Jquery Dialog, но теперь по щелчку

Question

Я пробовал сделать диалог, используя jquery, он работает, но у меня нет прецедентов при выполнении этого onclick bacuse, это должно быть не просто всплывающее окно, а только когда вы нажимаете на него.

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

и

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

и для перспективных кнопок хороших

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

пытались использовать эти примеры

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

Кто-нибудь знает, как это сделать, нажав кнопку # create-user Я не очень хорошо разбираюсь в javascript.

Благодаря Matthy

Answer 1

Вы должны установить опцию autoOpen ложь, так что диалог не будет открываться, когда его создатель.

Чтобы открыть его при нажатии кнопки, вы должны вызвать метод open.

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