layui问题汇总

最新推荐文章于 2024-08-20 15:50:34 发布

公羽土成

最新推荐文章于 2024-08-20 15:50:34 发布

阅读量2w

点赞数 1

本文链接：https://blog.csdn.net/wyccyw123456/article/details/53390423

版权

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

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

//触发事件
				var active = {
					tabAdd: function() {
						//新增一个Tab项
						element.tabAdd('demo', {
							title: $(this).text() + "<i class='layui-icon layui-unselect layui-tab-close'>ဆ</i>",
							content: '<iframe name="iframe" src="' + this.title + '" frameborder="0" style="width: 100%;"></iframe>'
						});
						//增加点击关闭事件
						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开始计算）
					}
				};

全部代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../asserts/layui/css/layui.css&#