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');
                        }
                    }
                    
                });
  • 相关阅读:
    周总结13
    周总结11
    《程序员的自我修养》阅读笔记四
    周总结10
    数据导入hive仓库
    周总结9
    《程序员的自我修养》阅读笔记三
    《软件需求》读书笔记四
    《软件需求》读书笔记三
    《软件需求》读书笔记二
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html
Copyright © 2011-2022 走看看