点击tab改变左边栏

 // 监听标签点击,
    element.on('tab(layadmin-layout-tabs)', function (data) {
        // 切换tab,主体内容切换
        var _index = data.index;
        var layId = $(this).attr('lay-id')
        var currentUl;
        var uiIndex;
        console.log(layId)
        // 显示隐藏iframe
        $(".layui-body .layadmin-tabsbody-item").eq(_index).addClass("layui-show").siblings().removeClass("layui-show");
        //刷新iframe
        $(".layui-body .layadmin-tabsbody-item").eq(_index).find("iframe")[0].contentWindow.location.reload(true);

        //  改变左侧导航栏的选中状态
        var layid = $(this).attr("lay-id");



        // $(currentUl).children('li').each(function (index,item) {
        //     var number = $(item).children('dl').children('dd').length;
        //     if (number > 0) {
        //         //将下拉框中的样式去除
        //         $(item).removeClass('layui-nav-itemed')
        //     }else { //没有子元素
        //         // 将选中样式去除
        //
        //         var layHref = $(item).children('a').attr('lay-href')
        //
        //         if (layHref === layId) {
        //             $(item).addClass('layui-nav-itemed').siblings().removeClass('layui-nav-itemed')
        //         }
        //     }
        // })


        $('.layui-side-scroll li').find("a").each(function (index) {
            $(this).parent().removeClass("layui-this")
            if ($(this).attr("lay-href") === layid) {
                if ($(this).parent().is(".layui-nav-item")) {
                    var tysp =$(this).parent().attr('tyst')
                    $("#"+tysp).css("display", "block").siblings().css("display", "none")
                    $(this).parent().addClass("layui-nav-itemed").siblings().removeClass('layui-nav-itemed')
                    return
                } else {

                    $(this).parent().addClass("layui-this")
                    $(".layui-nav-child").attr("style", "max-height: 0px;")
                    $(".layui-nav-item").removeClass("layui-nav-itemed")
                    $(this).parent().parent().parent().addClass("layui-nav-itemed")
                    $(this).parent().parent().parent().parent().addClass("currentPage")
                    $(this).parent().parent().attr("style", "max-height: 300px;")
                    $(this).parent().addClass("currentPage")
                    $("#"+$(this).parent().parent().parent().attr("tyst")).css("display", "block").siblings().css("display", "none")
                }
            }
        })

        $("#side_menu").children('.layui-side-scroll').find(".layui-nav-tree").each(function (index, item) {
            if ($(item).css("display") === 'block') {
                var indexName = $("#LAY_app_BodyTabs").children().eq(index).children("div").html()
                if ((index === 2 && indexName == "公文新建") || (index === 0 && indexName == "我的办公桌")) {
                    $(".layui-layout ").addClass('hidemenu');
                }else {
                    $(".layui-layout ").removeClass('hidemenu');
                }
                $("#LAY_app_BodyTabs").children().eq(index).addClass("currentPage").siblings().removeClass("currentPage")
            }
        })
        $("#sideMenu").fadeOut(200)
    });

    // 监听tab删除事件
    element.on('tabDelete(layadmin-layout-tabs)', function(data){
        var deleteIndex = data.index;
        $(".layui-body .layadmin-tabsbody-item").eq(deleteIndex).remove()
    });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值