点击导航菜单显示tab页面?

提问 未结 14 2271
MasterGe
MasterGe VIP4 2019-8-13
悬赏:20飞吻
版本:layuiAdmin 浏览器:
导航菜单超链接属性lay-href设的页面,跳转后内容不显示,或不加载目标页面????
回帖
  • lll_lll
    2019-8-13
    @MasterGe
    你写了这个东西吗,显示页面的
    <!-- 主体内容 -->
    <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show">
    <iframe src="/management/empty" frameborder="0" class="layadmin-iframe"></iframe>
    </div>
    </div>
    0 回复
  • 在 index.js中不是有
    //遍历页签选项卡
    var matchTo
    ,tabs = $('#LAY_app_tabsheader>li')
    ,path = url.replace(/(^http(s*):)|(\?[\s\S]*$)/g, '');

    tabs.each(function(index){
    var li = $(this)
    ,layid = li.attr('lay-id');

    alert(layid+"*****"+url);

    if(layid === url){
    matchTo = true;
    tabsPage.index = index;
    }
    });

    text = text || '新标签页';

    if(setter.pageTabs){
    //如果未在选项卡中匹配到,则追加选项卡
    if(!matchTo){
    $(APP_BODY).append([
    '<div class="layadmin-tabsbody-item layui-show">'
    ,'<iframe src="'+ url +'" frameborder="0" class="layadmin-iframe"></iframe>'
    ,'</div>'
    ].join(''));
    tabsPage.index = tabs.length;
    element.tabAdd(FILTER_TAB_TBAS, {
    title: '<span>'+ text +'</span>'
    ,id: url
    ,attr: path
    });
    }
    } else {
    var iframe = admin.tabsBody(admin.tabsPage.index).find('.layadmin-iframe');
    iframe[0].contentWindow.location.href = url;
    }
    0 回复
  • @lll_lll 现在的问题就是部署到自己工程下,就无法加载菜单目标页面。
    0 回复
  • lll_lll
    2019-8-14
    @MasterGe 那些js都是你自己写的吗,这个功能基本是不需要写js代码的,你只需要把如下的HTML的框架写出来然后把路径放上去就行了
    <!-- 侧边菜单 -->
    <div class="layui-side layui-side-menu">
    <div class="layui-side-scroll">
    <div class="layui-logo">
    <span>CMS v1.1.0_beta</span>
    </div>
    <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
    <#--系统管理-->
    <li data-name="systemManagement" class="layui-nav-item">
    <a href="javascript:;" lay-tips="系统管理" lay-direction="2">
    <i class="layui-icon layui-icon-set"></i>
    <cite>系统管理</cite>
    </a>
    <dl class="layui-nav-child">
    <dd data-name="modulesManagement" ">
    <a lay-href="/management/page/module">系统菜单</a>
    </dd>
    </dl>
    </li>
    </ul>
    </div>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show">
    <iframe src="/management/empty" frameborder="0" class="layadmin-iframe"></iframe>
    <!-- 此处的src是默认显示页面对应的URL,这里是相对路径(即同一域名后面的访问路径) -->
    </div>
    </div>
    0 回复