간단한 jQuery 대화 상자이지만 이제 클릭 중입니다

Question

나는 jQuery를 사용하여 대화 상자를 만들려고 시도했지만 작동하지 않는 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 대화 상자가 생성 될 때 열리지 않도록 false 옵션.

버튼을 클릭하면 열면 열린 메소드를 호출합니다.

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