Код jquery сделать более компактным

Привет, ребята, было интересно, есть ли другой способ написать следующий запрос в более компактном формате. Ниже вы можете увидеть мой код.Код jquery сделать более компактным

$('footer').mouseover(function(){ 
    $(this).stop().animate({height:90}, 750); 
     $('#up').stop().animate({opacity:0},450); 
     $('#link-container').stop().animate({opacity:1},750); 
     }); 
$('footer').mouseout(function(){ 
    $(this).stop().animate({height:22}, 750); 
     $('#up').stop().animate({opacity:1},450); 
     $('#link-container').stop().animate({opacity:0},750); 
     });

источник

2013-12-07 Javier Lopez

10 линий o f код. Насколько компактнее, по вашему мнению, это возможно? Не тратьте время на микро-оптимизацию: поработайте над чем-то более полезным. –

Вы можете сделать его более кратким с помощью Google Closure Compiler: http://closure-compiler.appspot.com/home –

Спасибо @AndersonGreen, что это довольно удивительно. –

Вы можете реорганизовать код в функцию, которая принимает параметры для значений, которые отличаются:

function anim(e, h, op) { 
    $(e).stop().animate({height:h}, 750); 
    $('#up').stop().animate({opacity:op},450); 
    $('#link-container').stop().animate({opacity:1-op},750); 
}

Затем цепью два привязки:

$('footer').mouseover(function(){ 
    anim(this, 90, 0); 
}).mouseout(function(){ 
    anim(this, 22, 1); 
});

источник

2013-12-07 23:05:04 Guffa

хорошо вы могли бы приковать функциональные привязки:

$('footer').mouseover(function(){ 
    $(this).stop().animate({height:90}, 750); 
     $('#up').stop().animate({opacity:0},450); 
     $('#link-container').stop().animate({opacity:1},750); 
}).mouseout(function(){ 
    $(this).stop().animate({height:22}, 750); 
     $('#up').stop().animate({opacity:1},450); 
     $('#link-container').stop().animate({opacity:0},750); 
});

источник

2013-12-07 23:03:25 Alex

Спасибо, что это работает для меня –

Код jquery сделать более компактным

ответ

Смежные вопросы