layuimini后台管理系统子页面跳转页面

最新推荐文章于 2024-06-12 14:44:36 发布

原创最新推荐文章于 2024-06-12 14:44:36 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 同时被 2 个专栏收录

12 篇文章

订阅专栏

layui

11 篇文章

订阅专栏

本文介绍了一种使用jQuery和layerUI插件实现在iframe中打开新窗口的方法，并通过tabId实现对不同标签页的统一管理和切换。该方案支持在点击带有特定属性的元素时加载指定URL到新的标签页或新窗口中。

/**
* 在iframe子菜单上打开新窗口
*/
$('body').on('click', '[layuimini-content-href]', function () {
var loading = parent.layer.load(0, {shade: false, time: 2 * 1000});
var tabId = $(this).attr('layuimini-content-href'),
href = $(this).attr('layuimini-content-href'),
title = $(this).attr('data-title'),
target = $(this).attr('target');
console.log(tabId, href, title);
if (target === '_blank') {
parent.layer.close(loading);
window.open(href, "_blank");
return false;
}
if (tabId === null || tabId === undefined) tabId = new Date().getTime();
var checkTab = miniTab.check(tabId, true);
if (!checkTab) {
miniTab.create({
tabId: tabId,
href: href,
title: title,
isIframe: true,
maxTabNum: options.maxTabNum,
});
}
parent.parent.layui.element.tabChange('layuiminiTab', tabId);
parent.parent.layer.close(loading);
});