간단한 Jquery 대화 상자, 지금은 클릭시

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 버튼을 클릭하여이 작업을 수행하는 방법을 알고 있습니다. 저는 자바 스크립트가 너무 좋지 않습니다.

감사 Matthy

Answer 1

당신은 만들 때 대화 상자가 열리지 않도록 false로 autoOpen 옵션을 설정해야합니다.

버튼을 클릭 할 때 열려면 open 메서드를 호출해야합니다.

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