Javascript 在.js中设置默认选项卡
我有这个js代码: jQuery(文档).ready(函数($){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
//筛选子类别
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();