1. 程式人生 > >easyUI動態彈出Dialog

easyUI動態彈出Dialog

文件不全真的很要命!
不多說,上乾貨
需要實現的效果是點選某按鈕時彈出Dialog,預設隱藏
先在頁面寫一個easyui-dialog
程式碼如下

 <div id="dd" class="easyui-dialog" title="My Dialog" style="width: 400px; height: 100px;text-align:center"
            data-options="iconCls:'icon-save',resizable:true,modal:false,closed:true"  >
            微信公眾號名稱:<input id
="name" value="test"/> </div>

別的屬性可以不論,closed:true一定要寫上,感覺這個屬性應該是說能否關閉

然後是js

$(function () {
            $('#dd').dialog('close');
 })

本段程式碼在頁面載入時執行,關閉dialog

接下來在事件響應程式碼中加上這一句

 $('#dd').dialog('open');