Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在.js中设置默认选项卡_Javascript_Jquery_Tabs - Fatal编程技术网

Javascript 在.js中设置默认选项卡

Javascript 在.js中设置默认选项卡,javascript,jquery,tabs,Javascript,Jquery,Tabs,我有这个js代码: jQuery(文档).ready(函数($){ //筛选子类别 var theFilter=$(“.filter”); var containerFrame=$(过滤器)。最近(“.container frame”) var filterHeight=$(“.filter”).children(“li”).first().find(“a”).outerHeight(true); 函数addFilterHeight(addHeight,op){ $(containerFrame

我有这个js代码:

jQuery(文档).ready(函数($){

//筛选子类别
var theFilter=$(“.filter”);
var containerFrame=$(过滤器)。最近(“.container frame”)
var filterHeight=$(“.filter”).children(“li”).first().find(“a”).outerHeight(true);
函数addFilterHeight(addHeight,op){
$(containerFrame).animate({marginBottom:op+addHeight+“px”},1200);
}
$(过滤器).children(“li”).children(“a”).on(“单击”,
函数(){
var thisChildren=$(this.hildren)('.children');
var thischilderdisplay=$(thischilds.css(“显示”);
var activeFilter=$(this).closest('li');
$(this).closest('.filter').find('li').removeClass('active-sub-filter');
$(activeFilter).addClass('active-sub-filter');
//多行滤波器的间距
var spacingMultiLine=($(过滤器).height()-$(活动过滤器).height()-$(此).position().top);
如果(thisChildrenDisplay==“block”){//block:已单击
}如果(thisChildrenDisplay==“无”){//none:第一次单击
$(过滤器).find('.children').slideUp(“fast”);
//规范化间距
$(过滤器).find('.children').css(“marginTop”,10);
//第一层间距
addFilterHeight(60+$(thisChildren.outerHeight)(true),“”);
//log($(thischilds.outerHeight(true));
//一级滤波器间距
$(thisChildren.css(“marginTop”,“+=”+spacingMultiLine);
//显示第一级子过滤器
$(thisChildren.slideDown(“fast”);
//所有子过滤器单击函数
$(this).兄弟姐妹(“.children”).find(“li”).find(“a”).on(“单击”,
函数(){
var nestedChildren=$(this.sirlines('.children');
var nestedChildrenHeight=parseInt(filterHeight);//$(nestedChildrenHeight).outerHeight(true);自1.7
var activeSubFilter=$(this).closest('li');
//删除突出显示
$(this).closed(.children”).find(.li”).removeClass('active-sub-filter');
//把所有的孩子都藏起来
$(this).closed(“.children”).find(“.children”).hide();
//添加亮点
$(activeSubFilter).addClass('active-sub-filter');
if($(nestedChildren).css(“display”)!=“block”){//第一次或没有子项
if($(nestedChildren.css(“显示”)=“无”){
$(nestedChildren).slideDown(“快速”,函数(){
//首次使用时添加间距
$multiplier=$(过滤器).find('ul.children:visible').size();
addFilterHeight((nestedChildrenHeight*$乘数)+60,”);
});
}否则{//没有孩子
$multiplier=$(过滤器).find('ul.children:visible').size();
//nestedChildrenHeight=$(此).closest(“ul.ChildrenHeight”).outerHeight(真);自1.7
addFilterHeight((nestedChildrenHeight*$乘数)+60,”);
}
}否则{//已单击
//隐藏所有兄弟姐妹的“李”孩子
$(this).最近的(“li”).兄弟姐妹(“li”).find(“ul.children”).hide();
$(nestedChildren).slideDown(“快速”,函数(){
//首次使用时添加间距
$multiplier=$(过滤器).find('ul.children:visible').size();
addFilterHeight((nestedChildrenHeight*$乘数)+60,”);
});
}
}
);
}else{//未定义无子项
//一级滤波器间距
$(过滤器).find('.children').css(“marginTop”,10);
$(过滤器).find('.children').slideUp(“fast”);
//设置为默认间距
添加过滤器高度(60“”);
}
}
);              
//结束筛选子类别
//初始化pretto
美元(“.portfolio a[rel^='prettypto']”)。prettypto({
主题:'pp_default',
自动播放幻灯片:错误,
套印图库:错,
显示标题:false,
计数器分隔符标签:'/',
社会工具:错误
});
//克隆投资组合项目
var$portfolioClone=$(“.portfolio”).clone();
//尝试在每次单击事件处理程序时调用Quicksand
$(“.filter li a”)。单击(函数(e){
//从当前选定的筛选器中删除“当前”类
$(“.filter li a”).removeClass(“当前”);
//获取过滤器类型
var$filterClass=$(this.attr(“类”);
如果($filterClass==“全部”){
var$filteredPortfolio=$portfolioClone.find(“li”);
}否则{
var$filteredPortfolio=$portfolioClone.find(“li[数据类型=”+$filterClass+“]);
}
//为行中的项目设置变量;默认值为4
行中的var项目=4;
//删除当前类
$(“.filter li a”).removeClass(“当前”);
//列数将取决于手机、平板电脑或屏幕视图的组合布局
if($('#items').hasClass('三列')){items_in_a_row=3}
else if($('#items').hasClass('with-sidebar')){items_in_a_row=3}
else if($('#items').hasClass('two-columns')){items_in_a_row=2
// filtering subcategories
var theFilter = $(".filter");
var containerFrame = $(theFilter).closest(".container-frame")
var filterHeight = $(".filter").children("li").first().find("a").outerHeight(true);

function addFilterHeight( addHeight, op ) {
    $(containerFrame).animate( { marginBottom: op + addHeight + "px" }, 1200);
}


$(theFilter).children("li").children("a").on( "click",  
        function() {    
            var thisChildren = $(this).siblings('.children');
            var thisChildrenDisplay = $(thisChildren).css("display");
            var activeFilter = $(this).closest('li');

            $(this).closest('.filter').find('li').removeClass('active-sub-filter');
            $(activeFilter).addClass('active-sub-filter');

            // spacing for multi-line filters
            var spacingMultiLine = ($(theFilter).height() - $(activeFilter).height() - $(this).position().top);

            if(thisChildrenDisplay == "block") { // block: already clicked

            } else if(thisChildrenDisplay == "none") { // none: first time clicked

                $(theFilter).find('.children').slideUp("fast");

                // normalize spacing
                $(theFilter).find('.children').css("marginTop", 10);
                // first level spacing                  
                addFilterHeight(60 + $(thisChildren).outerHeight(true), "");

                 //console.log($(thisChildren).outerHeight(true));

                // first level filters spacing 
                $(thisChildren).css("marginTop", "+=" + spacingMultiLine);
                // show first level children filters
                $(thisChildren).slideDown("fast");  


                // all the children filters click function
                $(this).siblings(".children").find("li").find("a").on( "click", 
                    function() {    
                        var nestedChildren = $(this).siblings('.children'); 
                        var nestedChildrenHeight = parseInt(filterHeight);// $(nestedChildren).outerHeight(true); since 1.7
                        var activeSubFilter = $(this).closest('li');

                        // remove highlight
                        $(this).closest(".children").find("li").removeClass('active-sub-filter');
                        // hide all children .children
                        $(this).closest(".children").find('.children').hide();                          
                        // add highlight
                        $(activeSubFilter).addClass('active-sub-filter');

                        if($(nestedChildren).css("display") != "block") { // first time or no children
                            if($(nestedChildren).css("display") == "none") {
                                $(nestedChildren).slideDown("fast", function() {
                                    // add spacing when first time
                                        $multiplier = $(theFilter).find('ul.children:visible').size();
                                        addFilterHeight((nestedChildrenHeight * $multiplier) + 60, "");                                     
                                });

                            } else { // no children
                                $multiplier = $(theFilter).find('ul.children:visible').size();
                                //nestedChildrenHeight = $(this).closest("ul.children").outerHeight(true); since 1.7
                                addFilterHeight((nestedChildrenHeight * $multiplier) + 60, "");
                            }
                        } else { // already clicked

                            //hide all siblings "li" children
                            $(this).closest("li").siblings("li").find("ul.children").hide();

                            $(nestedChildren).slideDown("fast", function() {
                                // add spacing when first time                                  
                                    $multiplier = $(theFilter).find('ul.children:visible').size();
                                    addFilterHeight((nestedChildrenHeight * $multiplier) + 60, "");                                     
                            });

                        }

                    }
                );

            } else { // undefined  no children
                // first level filters spacing 
                $(theFilter).find('.children').css("marginTop", 10);
                $(theFilter).find('.children').slideUp("fast");

                // set to default spacing
                addFilterHeight(60, "");
            }
        }
);              
// end filtering subcategories

// Initialize prettyPhoto
$(".portfolio a[rel^='prettyPhoto']").prettyPhoto({
    theme:'pp_default', 
    autoplay_slideshow: false, 
    overlay_gallery: false, 
    show_title: false,
    counter_separator_label: '/',
    social_tools: false
});

// clone portfolio items 
var $portfolioClone = $(".portfolio").clone();

// Attempt to call Quicksand on every click event handler
$(".filter li a").click(function(e){

    // remove "current" class from currently selected filter
    $(".filter li a").removeClass("current");   

    // Get Filter type
    var $filterClass = $(this).attr("class");

    if ( $filterClass == "all" ) {
        var $filteredPortfolio = $portfolioClone.find("li");
    } else {
        var $filteredPortfolio = $portfolioClone.find("li[data-type~=" + $filterClass + "]");
    }

    //Set variable for items in a row; default is 4
    var items_in_a_row = 4;

    // Remove current class 
    $( ".filter li a" ).removeClass( "current" ); 

    // no. of columns will depend on portfolio layout for mobile, tablet or screen view
    if ( $( '#items' ).hasClass('three-columns') ) { items_in_a_row = 3 }
    else if ( $( '#items' ).hasClass('with-sidebar') ) { items_in_a_row = 3 }
    else if ( $( '#items' ).hasClass('two-columns') ) { items_in_a_row = 2 }
    else { items_in_a_row = 4 }

    var $filterType = $(this).attr("class").split(" ")[0]; 
    $(this).addClass("current"); 

    if ($filterType == "all") { 
        var $filteredDataType = $portfolioClone.find("li[data-type]"); 
        var i = 1; 

        $filteredDataType.each(function() {
            var $self = $(this);
            $self.removeClass("alpha omega");

            if(i === 1) {
                $self.addClass("alpha");
            }
            else if( i === items_in_a_row ) {
                $self.addClass("omega");        

            }

            if ( i === items_in_a_row ) {
                i = 1;
            }
            else {
                i++;
            }
        });

    }
    else {
        var $filteredDataType = $portfolioClone.find("li[data-type~=" + $filterClass + "]");
        var i = 1;
        $filteredDataType.each(function() {
            var $self = $(this);
            $self.removeClass("alpha omega");

            if ( i === 1 ) {
                $self.addClass("alpha");
            }
            else if ( i === items_in_a_row ) {
                var $html = $self.html();
                $self.addClass("omega");        

            }

            if( i === items_in_a_row ) {
                i = 1;
            }
            else {
                i++;
            }
        });
    }

    // Call quicksand
    $(".portfolio").quicksand( $filteredPortfolio, { 
        duration: 800,
        easing: 'linear',
        adjustHeight: 'dynamic',
        useScaling: true,
        enhancement: function() {
            // portfolio item rounded           
            $(document).ready(function(){       
                if(jQuery().roundThis){
                        $(".portfolio-items").find('.overlay').find('img').roundThis($(this).width());                      
                }
            });



        }
    }, function(){

        //add prettyPhoto to cloned items
        $(".portfolio a[rel^='prettyPhoto']").prettyPhoto({
            autoplay_slideshow: false, 
            overlay_gallery: false, 
            show_title: true
        });

        if( $filterClass != 'all'){
            jQuery('.portfolio-items ul#items li.omega').after('<li class="clearer"><div class="clear"></div></li>');
        }
        jQuery('.portfolio').css('height', 'auto');         

        //portfolio item hover function
        $('.overlay').hover(            
            function(){             
                $(this).find('img').animate({ opacity:'0.8' }, 450, 'easeInOutCubic');
                $(this).find('.icon-view').stop(true, true).animate({ opacity: '0.75' }, 10, 'swing'); //, marginTop: '-0.5em'
                $(this).find('.icon-link').stop(true, true).animate({ opacity: '0.75' }, 10, 'swing'); //, marginTop: '-0.5em'
                $(this).find('h5').animate({ opacity: '1' }, 10, 'linear');
            },function(){                   
                $(this).find('h5').animate({ opacity: '0.0' }, 300, 'linear');
                $(this).find('.icon-view').stop(true, true).animate({ opacity: '0.0' }, 10, 'swing'); //, marginTop: parentHeight
                $(this).find('.icon-link').stop(true, true).animate({ opacity: '0.0' }, 10, 'swing');//, marginTop: parentHeight                    
                $(this).find('img').animate({ opacity: '1' }, 450, 'easeInOutCubic');
            }
        );              

        $('.overlay .icon-view, .overlay .icon-link').hover(            
            function(){             
                $(this).stop(true, true).animate({ opacity: '1' }, 20);                 
            },function(){
                $(this).stop(true, true).animate({ opacity: '0.75' }, 20);  
            }
        );          

        // portfolio callback
        $( '.portfolio-content-link' ).click( function() {
            $( '#loader-img' ).css('visibility', 'visible').fadeIn(1200); 
        });

        // add click event for each item        
        $( ".portfolio-content-link" ).click( getPortfolio );   


    });


    $(this).addClass("current");

    e.preventDefault();
})
<a href="#Active" title="Active" class="active" data-default="true">Active</a>


$(theFilter).children("li").children("a[data-default="true"]").click();