• 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>
  • 相关阅读:
    jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
    jQuery的三种$()方式
    基于DDD的.NET开发框架
    你得学会并且学得会的Socket编程基础知识
    C#委托及事件
    C#学习笔记:泛型委托Action<T>和Fun<TResult>
    JS 变量或参数是否有值的判断
    [转]剖析ASP.Net MVC Application
    python爬虫beautifulsoup4系列2【转载】
    python爬虫beautifulsoup4系列1【转载】
  • 原文地址:https://www.cnblogs.com/dlgood/p/6243847.html
Copyright © 2020-2023  润新知