经典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');
                    }
                }
                
            });
原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html