39 lines
1.3 KiB
Plaintext
39 lines
1.3 KiB
Plaintext
layui.use('element', function(){
|
||
var $ = layui.jquery
|
||
,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
|
||
|
||
//触发事件
|
||
var active = {
|
||
tabAdd: function(){
|
||
//新增一个Tab项
|
||
element.tabAdd('demo', {
|
||
title: '新选项'+ (Math.random()*1000|0) //用于演示
|
||
,content: '内容'+ (Math.random()*1000|0)
|
||
,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
|
||
})
|
||
}
|
||
,tabDelete: function(othis){
|
||
//删除指定Tab项
|
||
element.tabDelete('demo', '44'); //删除：“商品管理”
|
||
othis.addClass('layui-btn-disabled');
|
||
}
|
||
,tabChange: function(){
|
||
//切换到指定Tab项
|
||
element.tabChange('demo', '22'); //切换到：用户管理
|
||
}
|
||
};
|
||
|
||
$('.site-demo-active').on('click', function(){
|
||
var othis = $(this), type = othis.data('type');
|
||
active[type] ? active[type].call(this, othis) : '';
|
||
});
|
||
|
||
//Hash地址的定位
|
||
var layid = location.hash.replace(/^#test=/, '');
|
||
element.tabChange('test', layid);
|
||
|
||
element.on('tab(test)', function(elem){
|
||
location.hash = 'test='+ $(this).attr('lay-id');
|
||
});
|
||
|
||
}); |