zoukankan      html  css  js  c++  java
  • 经典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');
                        }
                    }
                    
                });
  • 相关阅读:
    HTTP Status 401
    Spring Data Elasticsearch 应用
    Elasticsearch基础概念
    Windows上使用Linux命令
    在服务器搭建git仓库
    SSH
    Linux/Windows 配置config 使用ssh连接
    在阿里云CentOS服务器上安装Python3.7并设置为默认Python
    Linux下Python3源码安装
    Vue
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html
Copyright © 2011-2022 走看看