semantic-ui 使用方法

semantic-ui中文网：http://www.semantic-ui.cn/

一、下载与引入
1、点击下载 Semantic UI压缩包。
2、只需要复制semantic.min.css和semantic.min.js文件到项目文件下，另外必须要有jquery支持。
3、引用以下三个文件，顺序如下，jquery必须在semantic.min.js之前：

<link rel="stylesheet" href="/css/semantic.min.css">
<script src="/js/jquery-1.10.1.js"></script>
<script src="/js/semantic.min.js"></script>

二、开始使用
1、html元素中加入固定class，设置元素的样式，比如按钮：

<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>
<button class="ui primary button">Login</button>

2、js调用：

$(function(){$('.ui.checkbox').checkbox('attach events', '.toggle.button');
})

3、下拉菜单：

//代码如下
$('.ui.dropdown').dropdown();

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！