zoukankan      html  css  js  c++  java
  • xml弹出框js备份

    <!--
     $(".xml-input").change(function () {
                alert("rr")
                $(".xml-input").parents(".row").removeClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").hide();
                $(".xml-input").parents(".col-sm-5").next(".detail-right").removeClass("xmlbb");
                $(this).parents(".row").addClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").show();
                $(this).parents(".col-sm-5").next(".detail-right").addClass("xmlbb");
                //$(".detail-right").addClass("xmlbb")
                var ht = $(this).parents(".col-sm-5").height();
                $(".xmlbb").height(ht);
                $(".tab-pane").animate({ scrollTop: $(".tab-pane").offset().left }, 400)
                //var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                //debugger
                //$(".tab-pane").scrollTop(top);
                //$(window).scrollTop(top);
                //alert($(".tab-pane").scrollTop() + " px");
    
                //$(".detail-right").height() = $(".xml-box-right").height()
                //$("input").removeClass("xmlactive").closest(".col-sm-8").nextAll(".show-absolute").css("display", "none").end().find(".show-absolute").css("display", "none");
                //$(this).addClass("xmlactive").closest(".col-sm-8").nextAll(".show-absolute").css("display", "block").end().find(".show-absolute").css("display", "block");
            });   
    -->
    <script>
        $(function () {
         $('#myTabXmlConfig a:first').tab('show');//初始化显示哪个tab
         $('#myTabXmlConfig a').click(function (e) {
            e.preventDefault();//阻止a链接的跳转行为
            $(this).tab('show');//显示当前选中的链接及关联的content
        })
    })
    </script>
    @*<script>
    $(document).ready(function(){
    
      $(".coption-content").find("a").click(function(){
          $(this).closest('.coption-content').find('a').removeClass("active");
        $(this).addClass("active");
      });
    
    });
    
    </script>*@
    <script>
        $(document).ready(function () {
            $(".xml-input").on({
                click: function () {
                    $(".xml-input").parents(".row").removeClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").hide();
                    $(".xml-input").parents(".col-sm-5").next(".detail-right").removeClass("xmlbb");
                    $(this).parents(".row").addClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").show();
                    $(this).parents(".col-sm-5").next(".detail-right").addClass("xmlbb");
                    var minht = $(this).closest(".col-sm-8").next(".xml-box-right").height()+20;
                    var ht = $(this).parents(".col-sm-5").height();
                    $(".xmlbb").css("min-height", minht);
                    $(".xmlbb").height(ht);
                    $(".tab-pane").animate({ scrollTop: $(".tab-pane").offset().left }, 400);
                },
                change: function () {
                    $(".xml-input").parents(".row").removeClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").hide();
                    $(".xml-input").parents(".col-sm-5").next(".detail-right").removeClass("xmlbb");
                    $(this).parents(".row").addClass("clickshow").end().closest(".col-sm-8").next(".xml-box-right").show();
                    $(this).parents(".col-sm-5").next(".detail-right").addClass("xmlbb");
                    var minht = $(this).closest(".col-sm-8").next(".xml-box-right").height() + 20;
                    var ht = $(this).parents(".col-sm-5").height();
                    $(".xmlbb").css("min-height", minht);
                    $(".xmlbb").height(ht);
                    $(".tab-pane").animate({ scrollTop: $(".tab-pane").offset().left }, 400);
                }
               
                
            });
            
    });
    </script>
  • 相关阅读:
    使用node.js搭建本地服务器
    使用Vue前端框架实现知乎日报app
    Echarts的使用
    [LeetCode] 642. Design Search Autocomplete System 设计搜索自动补全系统
    [LeetCode] 249. Group Shifted Strings 分组偏移字符串
    [LeetCode] 298. Binary Tree Longest Consecutive Sequence 二叉树最长连续序列
    [LeetCode] 128. Longest Consecutive Sequence 求最长连续序列
    [LeetCode] 227. Basic Calculator II 基本计算器 II
    [LeetCode] 224. Basic Calculator 基本计算器
    [LeetCode] 117. Populating Next Right Pointers in Each Node II 每个节点的右向指针 II
  • 原文地址:https://www.cnblogs.com/dlgood/p/6243847.html
Copyright © 2011-2022 走看看