jQuery的优化代码型态

Question

下午所有，

我的jQuery代码2块有很多重复...我想知道的，如果有以行和/或性能方面简化它的任何方式。

的2块如下：

$("#intro").css('min-height',$(window).height()-88); 
$("#trabalhos").css('min-height',$(window).height()-88); 
$("#fotografia").css('min-height',$(window).height()-88); 
$("#cv").css('min-height',$(window).height()-88); 
$("#contactos").css('min-height',$(window).height()-88); 

和：

$('.portfolio').click(function(e){ e.preventDefault();$('html,body').animate({scrollTop: $('#portfolio').offset().top-88},'slow'); }); 
$('.cv').click(function(e){ e.preventDefault();$('html,body').animate({scrollTop: $('#cv').offset().top-88},'slow'); }); 
$('.trabalhos').click(function(e){ e.preventDefault();$('html,body').animate({scrollTop: $('#trabalhos').offset().top-88},'slow'); }); 
$('.fotografia').click(function(e){ e.preventDefault();$('html,body').animate({scrollTop: $('#fotografia').offset().top-88},'slow'); }); 
$('.contactos').click(function(e){ e.preventDefault();$('html,body').animate({scrollTop: $('#contactos').offset().top-88},'slow'); }); 

Answer 1

您可以使用多个选择

$("#intro,#trabalhos,#fotografia,#cv,#contactos").css('min-height', $(window).height() - 88); 

$('.portfolio,.cv,.trabalhos,.fotografia,.contractos').click(function(e) { 
    e.preventDefault(); 
    $('html,body').animate({ 
     scrollTop: $('#'+$(this).attr('class')).offset().top - 88; // <-- this assuming you only have one class 
    }, 'slow'); 
}); 

Answer 2

您可以将选择到一个单一的声明，他们要用逗号分隔。

$('#intro, #trabalhos, #fotografia, #cv, #contactos').css('min-height',$(window).height()-88); 

Answer 3

为哪个ID是你使用相同的CSS给他们一个共同的类 然后

 $(".common_class").css('min-height',$(window).height()-88); 


    is it OK.