layui实现tab的添加拒绝重复的方法

这篇文章将为大家详细讲解有关layui实现tab的添加拒绝重复的方法，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

list.js:我把它写在了公共类里，你按照你自己的需求来

function Node(v){   this.value=v;   this.next=null;  } function ArrayList(){	 this.head=new Node(null);	  this.tail = this.head;	  //在尾部添加节点	  this.append=function(v){	   node = new Node(v);	   this.tail.next=node;	   this.tail=node;	  }	  //在指定位置插入	  this.insertAt=function(ii,v){	   node = new Node(v);	   //找到位置的节点	   tempNode=this.head;	   for(i=0;i<ii;i++){	    if(tempNode.next!=null){	     tempNode=tempNode.next;	    }else{	     break;	    }	   }	   node.next=tempNode.next;	   tempNode.next = node;	  }	  //删除指定节点	  this.removeAt=function(ii){	   node1=this.head; //要删除节点的前一个节点	   for(i=0;i<ii;i++){	    if(node1.next!=null){	     node1=node1.next;	    }else{	     break;	    }	   }	   node2=node1.next; //要删除的节点	   if(node2!=null){	    node1.next = node2.next;	    if(node2.next==null){	      this.tail=node1;	     }	   }	  }	  //查找值	  this.find=function(v){	  	 var nodefin=this.head;	  	  while(nodefin.value!=v){	  	  	if(nodefin.next!=null){	  	      nodefin=nodefin.next;	  	  	}else{break;}	  	  }	  	  return nodefin;	  }	  //查找某个节点的值	  this.findv=function(ii){	  	var nodefv = this.head;	  	for(var i =0;i<ii;i++){	  	if(nodefv.next!=null){	  	nodefv=nodefv.next;	  	}	  	}	  	return nodefv;	  }	  //显示连表中的值	  this.show=function()	  {	  	var Node=this.head;	  	while(Node!=null)	  	{	  	 console.log(Node.value);	  	 Node=Node.next;	  	}	  } }

js：

 /**   * 点击节点添加tab   * title:选项卡标题,id:选项卡的id,url:选项卡所显示的内容《用ifream》   */  var arry = new ArrayList();  arry.append("xtsy");//这就是我的首页，你如果不需要的话，删除即可  function tabAdd(title,id,url)  {   //判断tab是否存在   if(arry.find(id).value!=id){    element.tabAdd('tab', {      title: title //用于演示      ,content:"<iframe src='"+ url      + "' frameborder='0' style='width:100%;height:470px;'></iframe>"      ,id:id     });    arry.append(id);   }    //切换tab  element.tabChange('tab',id);  } //监听tab删除  element.on('tabDelete', function(data){   arry.removeAt(data.index);  });

关于layui实现tab的添加拒绝重复的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。