シンプルなJqueryダイアログですが、今すぐクリックしました

Question

jqueryを使用してダイアログを作成しようとしましたが、それを実行しても問題はありません。

<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

を使用してみました見栄えの良いボタンの

誰もが＃作成ユーザボタンをクリックしてこの作業を行う方法を知っています 私はjavascriptであまりよくありません。

おかげ 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>