jquery로 div 버튼을 클릭 할 때 마진을 높이기위한 최대 값을 설정하십시오.

Question

두 개의 버튼이 있습니다. 클릭하면 그들이 아래로 사업부를 위로 이동 : 버튼 사업부가 아래로 이동을 클릭하면

, 나는 버튼 사업부가 위로 이동을 클릭하면 최대 값

$('.button_down').click(function() { 
    $('.whole_car_body').animate({ 
     marginTop : "+=2px" 
    }); 
}); 

을 설정할을, 내가 원하는 최대 값 I 여백이 증가/감소 중지해야 도달 할 때 너무 최대 값을 설정하려는

$('.button_up').click(function() { 
    $('.whole_car_body').animate({ 
     marginTop : "-=2px" 
    }); 
}); 

을 설정합니다. 고맙습니다.

Answer 1

완벽하게 작동합니다.

var maximumDivIncrease = 6; 
var currentDivIncrease = 0; 
$('.button_up').click(function() { 
    if(currentDivIncrease < maximumDivIncrease) { 
     currentDivIncrease += 2; 
     $('.whole_car_body').animate({ 
      marginTop : "-=2px" 
     }); 
    } 
}); 

var minimumDivIncrease = -6; 
$('.button_down').click(function() { 
    if(currentDivIncrease > minimumDivIncrease) { 
     currentDivIncrease -= 2; 
     $('.whole_car_body').animate({ 
      marginTop : "+=2px" 
     }); 
    } 
}); 

Answer 2

몇 가지 방법이 있습니다. 상대적으로 간단한 방법은 변수를 "계산"하고 변수를 사용하여 최대 값을 저장하는 것입니다. 즉 :

var maximumDivIncrease = 50; 
var currentDivIncrease = 0; 
$('.button_up').click(function() { 
    if(currentDivIncrease < maximumDivIncrease) { 
     currentDivIncrease += 2; 
     $('.whole_car_body').animate({ 
      marginTop : "-=2px" 
     }); 
    } 
}); 

먼저 변수를 확인하고 그것을 증가 최대보다 낮은 경우 것입니다 이런 식으로, 그렇지 않으면 아무것도 할 것입니다. 아래쪽 버튼을 사용하려면 양을 줄이고 최소값을 더하면됩니다.