首页 > 代码库 > h-ui.admin3.0管理系统模版打开选项卡方式
h-ui.admin3.0管理系统模版打开选项卡方式
<a data-href="http://www.mamicode.com/{:U(‘Tour/t_bulk_add‘)}" onclick="creatIframe(‘{:U(‘Tour/t_bulk_add‘)}‘,‘测试选项卡‘)" data-title="测试选项卡" href="javascript:void(0)">测试选项卡</a>
一般默认会引入了H-ui.admin.js文件的,所以可以直接使用creatIframe函数。
H-ui.admin.js源码函数:
/*创建iframe*/ function creatIframe(href,titleName){ var topWindow=$(window.parent.document), show_nav=topWindow.find(‘#min_title_list‘), iframe_box=topWindow.find(‘#iframe_box‘), iframeBox=iframe_box.find(‘.show_iframe‘), $tabNav = topWindow.find(".acrossTab"), $tabNavWp = topWindow.find(".Hui-tabNav-wp"), $tabNavmore =topWindow.find(".Hui-tabNav-more"); var taballwidth=0; show_nav.find(‘li‘).removeClass("active"); show_nav.append(‘<li class="active"><span data-href="http://www.mamicode.com/‘+href+‘">‘+titleName+‘</span><i></i><em></em></li>‘); if(‘function‘==typeof $(‘#min_title_list li‘).contextMenu){ $("#min_title_list li").contextMenu(‘Huiadminmenu‘, { bindings: { ‘closethis‘: function(t) { var $t = $(t); if($t.find("i")){ $t.find("i").trigger("click"); } }, ‘closeall‘: function(t) { $("#min_title_list li i").trigger("click"); }, } }); }else { } var $tabNavitem = topWindow.find(".acrossTab li"); if (!$tabNav[0]){return} $tabNavitem.each(function(index, element) { taballwidth+=Number(parseFloat($(this).width()+60)) }); $tabNav.width(taballwidth+25); var w = $tabNavWp.width(); if(taballwidth+25>w){ $tabNavmore.show()} else{ $tabNavmore.hide(); $tabNav.css({left:0}) } iframeBox.hide(); iframe_box.append(‘<div class="show_iframe"><div class="loading"></div><iframe frameborder="0" src=http://www.mamicode.com/‘+href+‘></iframe>
本文出自 “为了以后” 博客,谢绝转载!
h-ui.admin3.0管理系统模版打开选项卡方式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。