加入判断条件
parent
8da049e594
commit
f3c1a0d0e1
|
|
@ -20,8 +20,7 @@
|
|||
</div>
|
||||
<br>
|
||||
<blockquote class="layui-elem-quote">
|
||||
图标选择:<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank"
|
||||
class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
|
||||
图标选择:<a href="http://www.layui.com/doc/element/icon.html#table" target="_blank" class="layui-btn layui-btn-danger layui-btn-xs">点我跳转</a>
|
||||
</blockquote>
|
||||
<blockquote class="layui-elem-quote">
|
||||
使用方法
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
<dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd>
|
||||
<dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd>
|
||||
<dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd>
|
||||
<dd><a href="javascript:void(0)" id="lock">锁定账户</a></dd>
|
||||
<dd><a href="javascript:;" id="lock">锁定账户</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@ NProgress.start();
|
|||
window.onload = function () {
|
||||
NProgress.done();
|
||||
}
|
||||
layui.use(['element', 'layer'], function () {
|
||||
|
||||
layui.use(["element", "layer"], function () {
|
||||
var element = layui.element;
|
||||
var $ = layui.jquery;
|
||||
var layer = layui.layer;
|
||||
|
|
@ -31,24 +32,26 @@ layui.use(['element', 'layer'], function () {
|
|||
var title = $(this).text();
|
||||
// 图标+文字
|
||||
// var title = $(this).find("a").html();
|
||||
var path = $(this).children('a').attr('path');
|
||||
var tabId = $(this).children('a').attr('tab-id');
|
||||
// 去重复选项卡
|
||||
for (var i = 0; i < $('.ok-frame').length; i++) {
|
||||
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
||||
element.tabChange("ok-tab", tabId);
|
||||
event.stopPropagation();
|
||||
return;
|
||||
var path = $(this).children("a").attr("path");
|
||||
var tabId = $(this).children("a").attr("tab-id");
|
||||
if (path != undefined && path != "" && tabId != undefined && tabId != "") {
|
||||
// 去重复选项卡
|
||||
for (var i = 0; i < $(".ok-frame").length; i++) {
|
||||
if ($(".ok-frame").eq(i).attr("tab-id") == tabId) {
|
||||
element.tabChange("ok-tab", tabId);
|
||||
event.stopPropagation();
|
||||
return;
|
||||
}
|
||||
}
|
||||
// 添加选项卡
|
||||
element.tabAdd("ok-tab", {
|
||||
title: title,
|
||||
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
||||
id: tabId
|
||||
});
|
||||
// 切换选项卡
|
||||
element.tabChange("ok-tab", tabId);
|
||||
}
|
||||
// 添加选项卡
|
||||
element.tabAdd("ok-tab", {
|
||||
title: title,
|
||||
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
||||
id: tabId
|
||||
});
|
||||
// 切换选项卡
|
||||
element.tabChange("ok-tab", tabId);
|
||||
});
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Reference in New Issue