• 经典tap切换


    /*点击虚机详情和关联订单切换*/
                $('.newTap>span').click(function(){
                    $('#twoPage').css('display','none')
                    $('#fourPage').css('display','none')
                    $("#relevanceOrderPage").empty();
                    $("#mainBusisPage").empty();
                    
                    var attr=$(this).attr('attr');
                    var divList=$('.newTap~div');
                    var spanList=$('.newTap>span');
                    if(attr=='virtual'){
                        $("#virtualList").css("display","block");
                        $("#relevanceOrderPage").css("display","block");
                        $('#twoPage').css('display','none')
    //                    $("#relevanceOrderPage").empty();
                        
    //                      var saleId=$('#virtualTable>tbody>tr:first-child>td:last-child>span').data('saleid');
                        
                         var saleId=sessionStorage.getItem("saleId");
                          if(saleId=='--'||saleId==undefined){
                               saleId='';
                           }
                        //产品关联订单
    //                     relevanceOrderTable('/styles/js/mock_data/productAssoci.txt');
                        relevanceOrderTable('/api/main/queryData?resourceName=host&metricName=host_main_order_list&saleId='+saleId+'&type=valid&pageNo=1&pageSize=10&productionName=host');
                    }
                    if(attr=='count'){
                        $("#countList").css("display","block");
                        $("#mainBusisPage").css("display","block");
                        $('#fourPage').css('display','none')
    //                    $("#mainBusisPage").empty();
                        
                        var aliUid= sessionStorage.getItem("aliUid");
                         if(aliUid=='--'||aliUid==undefined){
                               aliUid='';
                           }
                        
                        //账号主业务
    //                     $('#mainBusisTable').dataTable().fnDestroy();
    //                    mainBusisTable('/styles/js/mock_data/mainBusiss.txt');
                        mainBusisTable('/api/main/queryData?resourceName=host&metricName=host_main_order_list&aliUid='+aliUid+'&type=valid&pageNo=1&pageSize=10&productionName=all');
                    }
                    for(var i=0;i<divList.length;i++){
                        $(spanList[i]).removeClass('tapActive');
                        $(this).addClass('tapActive');
                        
                        if(attr==$(divList[i]).attr('attr')){
                            $(divList[i]).css('display','block');
                        }else{
                            $(divList[i]).css('display','none');
                        }
                    }
                    
                });
  • 相关阅读:
    超详细教程2021新版oracle官网下载Windows JAVA-jdk11并安装配置(其他版本流程相同)
    个人总结
    6.15 团队项目心得
    五月团队项目收获
    八大排序算法读书笔记
    设计模式读书笔记3
    设计模式读书笔记2
    结对编程收获
    设计模式读书笔记
    UI-12组结对编程作业总结
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html
Copyright © 2020-2023  润新知