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');
                        }
                    }
                    
                });
  • 相关阅读:
    jacob根据word模板和书签插入内容,在jacob1.14.3测试成功...
    在.NET上如何根据字符串动态创建控件
    rabbitvcs一款在Linux平台下类似于乌龟的SVN客户端
    平时摘录开发经验
    C#中treeview绑定xml
    ubuntu下SVN服务器安装配置
    网页中的一些常用快捷键
    python 数据类型
    python 删除空文件夹脚本
    删除指定文件的python脚本
  • 原文地址:https://www.cnblogs.com/zjpzjp/p/7575858.html
Copyright © 2011-2022 走看看