注意:
jQuery的版本 必須是1.8-2.1.3版之間的,否則 Metro UI中的某些 js腳本無(wú)法運(yùn)作?。ㄟ@個(gè)問(wèn)題本人花了 2天才發(fā)現(xiàn)..... )
個(gè)人推薦 2.1.3
解壓后主要的目錄如下:
build 該文件夾 存放的是 MetroUI 所必需的 CSS ,JS ,以及 Font (字體樣式和圖標(biāo))
docs 該文件夾存放的是各種樣式的例子
fonts 該文件夾存放的是字體樣式和圖標(biāo)
js 該文件夾存放的是從 MetroUI.js中抽取出來(lái)單獨(dú)組件的js腳本
比如 title.js 鼠標(biāo)事件 表單驗(yàn)證等,便于我們單獨(dú)使用( 看自己的項(xiàng)目是否需要這些 js 需要就用,不需要就不用管)
我們只需要在 網(wǎng)頁(yè)中引用
build\css 中的全部 metro-*.css 文件
<link href="css/modern.css" rel="stylesheet"/>
bulid\js 中的metro.js 文件
(注意:jQuery必須在 metro.js之前引入,否則metro.js無(wú)效)
<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 在同一個(gè)文件下 或者同級(jí)文件 如圖:我這里是同級(jí)目錄下
不用顯式的引用fonts中的文件,MetroUI CSS會(huì)自動(dòng)尋找