<div class="easyui-dialog"     title="彈出框"     data-options="iconCls:'icon-add',resizable:true,modal:true"     style="width: 400px;height: 200px;">    彈出框內容  </div>

 <div id="box"> 彈出框內容 </div> <div id="tt"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">編輯</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true">幫助</a> </div> <script> $(function () { $('#box').dialog({ width : 400, height : 200, title : '彈出框標題', modal : true, // 是否顯示可折疊按鈕 collapsible : false, // 是否顯示最小化按鈕 minimizable : false, // 是否顯示最大化按鈕 maximizable : false, // 是否可以改變對話框窗口大小 resizable : false, // 設置對話框窗口頂部工具欄 //buttons : '#tt', toolbar : [{  text : '編輯',  iconCls : 'icon-edit',  handler : function () {  alert('edit');  }, }, {}], // 對話框窗口底部按鈕 buttons : [{  text : '保存',  iconCls : 'icon-ok',  handler : function () {  alert('save');  } },{}] }) }); </script>

//Dialog 事件$('#box').dialog({ width : 600, height : 400, modal : true, onClose : function () { alert('關閉后觸發！'); },});

//返回外部窗口對象//console.log($('#box').window('dialog'));//使用$.fn.window.defaults 重寫默認值對象。