layui判断tab是否已经存在，存在就切换，不存在则创建并切换实现

古城微笑少年丶 2022-05-17 08:13 206阅读 0赞

话不多说直接上代码，该代码是本人实现完整新增并判断是否存在就切换的js代码

要注意这里本人使用jq，layui内置了jq，要使用的话，也是需要通过use该模块引进

layui.use(['jquery','element'], function(){
    			  var element = layui.element;
    			   var $ = layui.$;
    			   //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
    			   element.init();
    			   //监听切换tab
    			   element.on('tab(tabCard)',function(data){
    			   	   // var layId=data.elem.context.attributes['lay-id'].value;
    			   	   var layId=$(this).attr('lay-id');
    			   	   $('#contentFrame').attr('src',layId);
    			   	    
    			   });
    			//导航条点击监听，新增tab
    				element.on('nav(menuList)',function (elem) {
    					// console.log(elem);
    					var title=$(this).text();
    					var content=$(this).attr('lay-href');
    					// console.log(title);
    					var exist=$("li[lay-id='"+content+"']").length; //判断是否存在tab
    					if(exist==0){
    						element.tabAdd('tabCard',{
    						  title: title,
    						  content: content, //支持传入html
    						  id: content,
    						});
    					}
    					element.tabChange('tabCard',content);//切换tab
    				});

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 java查看目录（文件）是否存在，不存在则创建

查看目录（文件）是否存在，不存在则创建。创建目录 / 创建目录 @param path /

青旅半醒/ 2024年02月19日 16:04/ 0 赞/ 91 阅读

相关 Mybatis-Plus判断数据是否存在，不存在则插入

今天写业务代码有这么一个场景，就是在数据库表中插入一条数据，并且这个表中只有这么一条。因为是用的Mybatis-Plus所以直接用它来实现业务功能，起初是把要插入的数据放到

桃扇骨/ 2023年09月27日 12:29/ 0 赞/ 167 阅读

相关 Shell 脚本实现判断文件/目录是否存在，不存在则创建

获取当前运行路径 CRTDIR=$(pwd) PRONAME="upload-demo.jar" 判断是否有upload

朱雀/ 2023年07月10日 12:52/ 0 赞/ 512 阅读

相关 opendir和mkdir配合判断目录是否存在，不存在则创建

opendir是打开一个目录，这个目录必须存在，并且是目录，不能是文件，否则会报错； mkdir则是创建一个目录；我们可以通过两个个函数的配合使用，实现功能：检查目录

Dear 丶/ 2022年10月19日 00:49/ 0 赞/ 345 阅读

相关 Java 判断多级路径是否存在，不存在就创建

第一种方案： / 是否创建目录 @param path @return / publi

阳光穿透心脏的1/2处/ 2022年09月19日 04:10/ 0 赞/ 279 阅读

相关 mysql判断字段是否存在，不存在则添加

drop procedure if exists pro_AddColumn; delimiter // create procedure p

深藏阁楼爱情的钟/ 2022年08月30日 08:41/ 0 赞/ 335 阅读

相关 layui判断tab是否已经存在，存在就切换，不存在则创建并切换实现

话不多说直接上代码，该代码是本人实现完整新增并判断是否存在就切换的js代码要注意这里本人使用jq，layui内置了jq，要使用的话，也是需要通过use该模块引进

古城微笑少年丶/ 2022年05月17日 08:13/ 0 赞/ 207 阅读

相关 VC++判断文件夹是否存在，不存在则创建文件夹

方法挺多的，\_access和\_mkdir算是比较古典了，不过很好用。 // 判断文件夹是否存在 bool IsDirExist(const char ps

阳光穿透心脏的1/2处/ 2022年05月14日 10:59/ 0 赞/ 399 阅读

相关 Java 判断数据库和表是否存在，若不存在，则创建

问题描述：一般而言，我们创建创建数据库，可以在mysql或者navicat中自定义，然后利用jdbc连接Java程序和数据库，进行数据间的增删给查操作，有这样

淡淡的烟草味﹌/ 2022年03月09日 13:10/ 0 赞/ 600 阅读

相关【Java 】java判断文件夹、文件是否存在，不存在则创建

//文件不存在则创建 File file=new File("D:/hashdog/a.text"); if(!file.exists())

青旅半醒/ 2021年09月24日 10:14/ 0 赞/ 492 阅读