2009-07-30 22 views
5

我試着做一個對話框使用jquery它的作品,但我沒有成功的做它onclick bacuse它不應該只彈出,但只有當你點擊它。簡單的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

嘗試

任何人都知道如何通過點擊#create-user按鈕來獲得此工作 我不擅長JavaScript。

感謝 Matthy

+1

「我沒有成功的做它onclick bacuse它不應該只彈出,但只有當你點擊它。」是不是都是一回事?你想什麼時候出現你的對話框,你可以改述一下嗎? – Sinan 2009-07-30 00:37:40

回答

6

您需要autoOpen選項,以便其創建時將不會打開對話框設置爲false。

要點擊按鈕時打開它,您可以調用open方法。

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