jquery easyui 入门环境搭建

最新推荐文章于 2022-07-04 22:51:15 发布

qianquan3

最新推荐文章于 2022-07-04 22:51:15 发布

阅读量1.1k

点赞数 1

分类专栏： jQuery easy ui

本文链接：https://blog.csdn.net/qianquan003/article/details/44137993

版权

jQuery easy ui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本人用的是jquery easyui1.2.6版本

1.常用方式：

<pre name="code" class="html"><script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easyui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="js/themes/default/easyui.css" type="text/css">
<link rel="stylesheet" href="js/themes/icon.css" type="text/css">
<script src="js/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function(){
  $('#dd').dialog({ 
      modal:true 
  }); 
 }
   );
</script>
  </head>
  
  <body>
   <div id="dd" title="My Dialog" style="width:400px;height:200px;"> 
    Dialog Content. helloWord 好
</div> 
  </body>

2.精简方式：

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/easyloader.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function(){
  easyloader.load('dialog',function(){

   $('#dd').dialog({ 
       modal:true 
   }); 
  });
 }
   );
</script>
  </head>
  
  <body>
   <div id="dd" title="My Dialog" style="width:400px;height:200px;"> 
    Dialog Content. helloWord 
</div> 
  </body>