注意:
jQuery的版本 必须是1.8-2.1.3版之间的,否则 Metro UI中的某些 js脚本无法运作!(这个问题本人花了 2天才发现..... )
个人推荐 2.1.3
解压后主要的目录如下:
build 该文件夹 存放的是 MetroUI 所必需的 CSS ,JS ,以及 Font (字体样式和图标)
docs 该文件夹存放的是各种样式的例子
fonts 该文件夹存放的是字体样式和图标
js 该文件夹存放的是从 MetroUI.js中抽取出来单独组件的js脚本
比如 title.js 鼠标事件 表单验证等,便于我们单独使用( 看自己的项目是否需要这些 js 需要就用,不需要就不用管)
我们只需要在 网页中引用
build\css 中的全部 metro-*.css 文件
<link href="css/modern.css" rel="stylesheet"/>
bulid\js 中的metro.js 文件
(注意:jQuery必须在 metro.js之前引入,否则metro.js无效)
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="js/metro.js"></script>
fonts 中的文件 可以与metro.css 在同一个文件下 或者同级文件 如图:我这里是同级目录下
不用显式的引用fonts中的文件,MetroUI CSS会自动寻找