jqueryEasyUi 入門模板

weixin_34402408發表於2017-11-04
jQueryUI

JqueryEasy 入門之模板

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8"/>
    <title>EasyUi入門</title>
    <script src="easyinclude/jquery.min.js"></script> <!--第一步引入jquery-->
    <script src="easyinclude/jquery.easyui.min.js"></script> <!--第二部引入easuui檔案-->
    <script src="easyinclude/locale/easyui-lang-zh_CN.js"></script> <!--第三步引入中文-->
    <link rel="stylesheet" href="easyinclude/themes/default/easyui.css"> <!--引入預設的css檔案-->
    <link rel="stylesheet" href="easyinclude/themes/icon.css"> <!--引入圖示的css-->
    <script src="js/style.js"></script><!--引入自定義js檔案-->
    <link rel="stylesheet" href="css/style.css"> <!--引入自定義css檔案-->
</head>
<body>
<button id="button1">這就是個按鈕</button>
</body>
<script>
    $("#button1").linkbutton(); //用來測試一下看看jqueryEasyUi引入沒有引入成功
</script>
</html>

在每個頁面要使用JqueryEasuUi 使用的時候，都必須要引入這些檔案。

一共需要4個js檔案 :

  • jquery
  • jqueryEasyUi
  • ch-zh.js中文包
  • 自定義js

一共需要3個css檔案

  • easyUi 的 css檔案
  • 圖示的css檔案
  • 自定義的 css檔案

相關文章