简单的jquery对话框，但现在点击

我试着做一个对话框使用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

来源

2009-07-30 matthy

“我没有成功的做它onclick bacuse它不应该只弹出，但只有当你点击它。”是不是都是一回事？你想什么时候出现你的对话框，你可以改述一下吗？ – Sinan 2009-07-30 00:37:40

您需要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>

来源

2009-07-30 00:36:16

简单的jquery对话框，但现在点击

回答

相关问题