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');
                        }
                    }
                    
                });
  • 相关阅读:
    php动态编辑zlib扩展
    部署平台分布式锁设计
    quartz源码分析——执行引擎和线程模型
    RabbitMq核心概念和术语
    Netty SSL安全配置
    跨站脚本攻击介绍
    ssl Diffie-Hellman弱密码问题
    java server wrapper 和 maven assembly 插件
    跨站请求伪造防御
    字符编码笔记:ASCII,Unicode和UTF-8
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html
Copyright © 2011-2022 走看看