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

话不多说直接上代码,该代码是本人实现完整新增并判断是否存在就切换的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
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值