jQuery easyUI--弹窗的使用
生活随笔
收集整理的這篇文章主要介紹了
jQuery easyUI--弹窗的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>彈窗的使用</title><script type="text/javascript" src="../js/jquery-1.8.3.js" ></script><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script><script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script><link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" /><link rel="stylesheet" href="../js/easyui/themes/icon.css" /><script type="text/javascript">$(function(){$("#openBtn").click(function(){$("#mywindow").window('open');});});</script></head><body><div id="mywindow" class="easyui-window" data-options="title:'窗口標題',collapsible:false,modal:true,closed:true" style="width: 200px;height: 200px;">窗口內容</div><input type="button" value="打開" id="openBtn" /><input type="text" name="username"/></body>
</html>
總結
以上是生活随笔為你收集整理的jQuery easyUI--弹窗的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery easyUI--消息框的使
- 下一篇: jQuery easyUI--数据表格