当前位置 : 主页 > 网络编程 > JavaScript >

layui选项卡多层嵌套

来源:互联网 收集:自由互联 发布时间:2021-06-28
html部分 //导入layuicss框架 //导入fdjsz的css文件.....但是用了layui这个框架后没写过一点css//导入jQuery框架//导入layuijs框架//导入fdjsz的js文件 无标题文档 //外层选项卡 //外层选项卡导航条
html部分



 

 //导入layuicss框架

 //导入fdjsz的css文件.....但是用了layui这个框架后没写过一点css
//导入jQuery框架
//导入layuijs框架
//导入fdjsz的js文件
无标题文档




 
	
  
   //外层选项卡 
   
    //外层选项卡导航条
  • 第一
  • //layui-this为默认选中该条目
  • 第二
  • 第三
//外层选项卡信息 //第一条外层选项卡导航内容,layui-show为默认显示 第一 //第二条外层选项卡导航内容
  • 1
  • 2
  • 3
  • 4
  • 5
1 2 3 4 5 //第三条外层选项卡导航内容 第三
js部分
layui.use(['element'], function(){
  var element = layui.element;//layui的选项卡依赖element组件,所以得加载此组件相关功能才能正常使用
})
网友评论