1Introduction
- description：可切换的类
- author：ydr.me
- create：2016年05月26日11:31:01
- update：2016年05月26日11:31:01
- github：
https://github.com/blearjs/blear.classes.switchable
2Example
var Switchable = require('blear.class.switchable');
var switchable = new Switchable({
el: '#app'
});
3Static
3.1.defaults
3.1.1.defaults.el
<ul id="switchable1">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
</ul>
<!-- anchorSel = "div.item" -->
<!-- itemSel = "div.item" -->
<div id="switchable2">
<div class="item">tab3</div>
<div class="item">tab4</div>
</div>
- 类型：
String | HTMLElement - 说明：可切换的元素，即如上的
#switchable
3.1.2.defaults.activeClass
- 类型：
String - 说明：激活项目的类名
- 默认：
"active"
3.1.3.defaults.activeIndex
- 类型：
Number - 说明：初始化激活项目的索引值
3.1.4.defaults.triggleEvent
- 类型：
String - 说明：触发的事件名称
- 默认：
"click"
3.1.5.defaults.preventDefault
- 类型：
Boolean - 说明：是否要阻止默认事件
3.1.6.defaults.anchorSel
- 类型：
String - 说明：锚点选择器
- 默认：
"a"
3.1.7.defaults.itemSel
- 类型：
String - 说明：项目选择器
- 默认：
"li"
4new Switchable(options)
实例化一个可切换的类。options 的默认值为 defaults。
5Prototype
原型属性、方法
5.1#change(index): this
改变索引值
Switchable.change(1);
5.1.1index
- 类型：
Number - 说明：索引值
5.2#getIndex(): index
获取当前索引值
5.2.1index
- 类型：
Number - 说明：当前索引值
5.3#destroy(): undefined
销毁实例
switchable.destroy();