layui中的element怎么使用

 我来答
神牛码农
2017-12-29 · 用技术行走在移动互联网时代
神牛码农
采纳数:297 获赞数:1178

向TA提问 私信TA
展开全部

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');

});

});

</script>

官方文档,请参考

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式