Hộp thoại Jquery đơn giản nhưng bây giờ bấm vào

Question

Tôi đã cố gắng thực hiện một hộp thoại bằng cách sử dụng jquery nó hoạt động nhưng tôi không có thành công tại làm nó onclick bacuse nó không nên chỉ popup nhưng chỉ khi bạn click vào nó.

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

và

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

và cho nút tìm kiếm đẹp

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

cố gắng sử dụng những ví dụ

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

bất kỳ ai biết cách làm việc này bằng cách nhấp vào nút # tạo người dùng tôi không giỏi javascript.

Cảm ơn Matthy

Answer 1

Bạn cần phải thiết lập các tùy chọn autoOpen false để hộp thoại sẽ không mở ra khi tạo ra nó.

Để mở khi nút của bạn được nhấp, bạn sẽ gọi phương thức mở.

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