关于H+UI点击按钮打开新的选项卡

最新推荐文章于 2024-10-28 10:28:18 发布

a937545721

最新推荐文章于 2024-10-28 10:28:18 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： UI 选项卡 table页

本文链接：https://blog.youkuaiyun.com/a937545721/article/details/81391477

本文介绍了一个用于网页应用中实现选项卡动态切换的page函数。该函数接收目标URL和选项卡标题作为参数，通过jQuery操作DOM元素来实现选项卡的新增与内容切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先定义page函数

function page(url, title) {
       var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
       $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
       $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");
       var iframe = '<iframe class="J_iframe" name="iframe10000" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
               + '" seamless="" style="display: inline;"></iframe>';
       $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
               ' <a href="javascript:;" class="J_menuTab active" data-id="'+url+'">' + title + ' <i class="fa fa-times-circle"></i></a>');
       $(window.parent.document).find('.J_mainContent').append(iframe);
   }

page函数需要两个参数，一个是需要跳转到的地址，另一个是选项卡的标题

然后在按钮的点击事件中调用page函数传递相应的参数即可完成打开新的选项卡操作

page("/JXDCompetplatform/static/compet/questMaintenance.html?qbId="+row.qbId+"&qbStatus="+row.qbStatus, "题型维护");