layui问题汇总

1、动态添加tab,无法显示关闭按钮,或关闭按钮无效


在添加tab的代码处加入以下代码

//触发事件
				var active = {
					tabAdd: function() {
						//新增一个Tab项
						element.tabAdd('demo', {
							title: $(this).text() + "",
							content: ''
						});
						//增加点击关闭事件
						var r = $("#tabTitle").find("li");
						//每次新打开tab都是最后一个,所以只对最后一个tab添加点击关闭事件
						r.eq(r.length - 1).children("i.layui-tab-close").on("click", function() {
							element.tabDelete("demo", $(this).parent("li").index());
						}), element.tabChange("demo", r.length - 1);
						element.init();
					},
					tabDelete: function(index) {
						//删除指定Tab项
						element.tabDelete('demo', index); //删除(注意序号是从0开始计算)
					},
					tabChange: function(index) {
						//切换到指定Tab项
						element.tabChange('demo', index); //切换(注意序号是从0开始计算)
					}
				};


全部代码




	
		
		
		
		
		
		主页
		
	

	
		
		
		


效果图

layui问题汇总_第1张图片

你可能感兴趣的:(layui问题汇总)