myApp/js
jquery-easyui-1.2.6|--easyui.css
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- js: jQuery --> <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script> <!-- js: EasyUI --> <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js" charset="UTF-8"></script> <!-- js: I18N --> <script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script> <!-- css: theme --> <link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/default/easyui.css"><link> <!-- css: icon --> <link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/icon.css"><link>
使用 Firebug
截图 1.jpg<div class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;" > 默认为无模式的 dialog </div> <div class="easyui-dialog" modal=true title="My Dialog" style="width:400px;height:200px;" > 有模式的 dialog </div>
<div id="dd2" title="My Dialog" style="width:400px;height:200px;" > 通过jQuery将其变为dialog </div>
<script type="text/javascript"> $(function(){ console.info( $("#dd2") ); }); </script>
<script type="text/javascript"> $(function(){ // console.info( $("#dd2") ); $("#dd2").dialog(); }); </script>
<!-- js: jQuery --> <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script> <!-- js: easyloader --> <script type="text/javascript" src="js/jquery-easyui-1.2.6/easyloader.js"></script>
<div id="dd" title="My Dialog" style="width:400px;height:200px;" > load dialog plugin, and convert div to a dialog </div>
<script type="text/javascript"> $(function(){ // set the easyui base directory easyloader.base = 'js/jquery-easyui-1.2.6/'; // load the specified module --- dialog messager easyloader.load(['dialog','messager'], function(){ // $.messager.alert('Title', 'load ok'); $("#dd").dialog(); }); }); </script>
<script type="text/javascript"> $(function(){ $("#dd").addClass("easyui-dialog"); // 可通过 modal属性, 设置是否为模式dialog $("#dd").attr("modal", true); }); </script>
easyloader.load(module, callback) module: a single module name an module array a css file that end with '.css' a js file that end with '.js'