<按钮 id="添加选项卡" 类名="lay-按钮">添加选项卡</按钮>
<区块 类名="lay-选项卡" lay-过滤器="选项卡演示">
	<无序列表 类名="lay-选项卡-标题">
		<列表项 类名="lay-选中">网站设置</列表项>
		<列表项>用户管理</列表项>
		<列表项>权限分配</列表项>
		<列表项>商品管理</列表项>
		<列表项>订单管理</列表项>
	</无序列表>
	<区块 类名="lay-选项卡-内容">
		<区块 类名="lay-选项卡-项目 lay-显示">内容1</区块>
		<区块 类名="lay-选项卡-项目">内容2</区块>
		<区块 类名="lay-选项卡-项目">内容3</区块>
		<区块 类名="lay-选项卡-项目">内容4</区块>
		<区块 类名="lay-选项卡-项目">内容5</区块>
	</区块>
</区块>

局部变量 id = 0;
$("#添加选项卡").点击(定义函数 () {
	id++;
	lay_元素.选项卡添加("选项卡演示", {
		[lay_元素.选项卡配置.标题]: "选项卡的标题" + id,
		[lay_元素.选项卡配置.内容]: "选项卡的内容" + id, //支持传入html
		[lay_元素.选项卡配置.id]: id
	});
	lay_元素.选项卡切换("选项卡演示", id);
});

注意属性 lay-过滤器，选项卡必须要配置这个。