1. 加载element模块
2. 监听导航事件
3. 创建选项卡
//加载element模块 layui.use('element', function () { element = layui.element //监听导航事件 element.on('nav(nav)',function(e){ var con = e.text(); var tabId = e.children('a').attr("hid"); var url = e.children('a').attr("url"); createTab(tabId, con , url); }) }) //创建选项卡 function createTab(tabId, con , url) { var lis = []; $("#tabList #nav li").each(function () { lis.push($(this).attr("lay-id")); }) if (lis.length <= 0 || lis.indexOf(tabId) == -1) { element.tabAdd('docDemoTabBrief', { title: con, content: createIframe(url), id: tabId }); } //切换选项卡(不需要写else) element.tabChange('docDemoTabBrief', tabId); } //加载窗体 function createIframe(url){ return '<iframe src="'+url+'" style="100%;height:100%;" frameborder="0" ></iframe>' }