//新增选项卡的js
function changetab(filter,title,url,id){
if(!filter){
return;
}
var isTab = !Boolean($('[lay-filter="layadmin-layout-tab"]').find('.layui-tab-title li[lay-id="'+id+'"]').length)
if(isTab){
element.tabAdd(filter,{
title:title,
content:'<iframe src=' + url +' width="100%" style="min-height: 450px" frameborder="0" scrolling="auto" onload="setIframeHeight(this)"></iframe>',
id:id
})
}
element.tabChange(filter,id);
}
//js内容,主要是选项卡添加和切换,监听顶部导航栏切换左侧导航栏
<script>
//JavaScript代码区域
var element;
var $;
var layer;
layui.use(['element', 'jquery'], function() {
element = layui.element;
$ = layui.jquery;
layer = layui.layer;
//监听左侧导航栏,新增tab选项卡
element.on('nav(test1)', function(elem) {
layer.msg(elem.text());
var filter = 'layadmin-layout-tab'
var title = $(this).text();
var url = $(this).data('url')
var id = $(this).attr('lay-id')
if (url && id) {
changetab(filter, title, url, id);
}
});
//监听顶部导航栏,切换左侧导航栏
element.on('nav(menu-top)', function(a) {
var content = a.attr('cid');
$('.item:not(.' + content + ')').css('display', 'none');
$('.item.' + content).css('display', 'block');
});
var initCid = $('[lay-filter="menu-top"] .layui-this a').attr('cid');
$('.item.' + initCid).css('display', 'block');
//监听选项卡切换
element.on('tab(layadmin-layout-tab)', function(data) {
if (data.elem.context.attributes != undefined) {
var id = data.elem.context.attributes[0].nodeValue;
// var i=8;
// id=id.substring(0,i);
console.log(id)
layui.each($(".layui-nav-child"), function() {
$(this).find("dd").removeClass("layui-this");
});
$('.' + id).addClass("layui-this");
}
});
});
</script>