클릭하면 jquery 큰 글꼴 크기

Question

나는 everyclick에서 글꼴 크기를 더 크게 만들려고 노력하고 있지만 여기에는 한 번만 내 코드가 있습니다.

<a href="5">add</a> 
<script type="text/javascript"> 
$('a').live('click', function(e){ 
e.preventDefault(); 

    var link = $(this).attr('href'); 

     var num = link+20; 

     var font = {color:"#993300", fontSize:num+"px"}; 

     $("p").css(font); 

     return false; 

}); 
</script> 

어떤 도움말 ???

Answer 1

다시 작업하려면 값을 href로 다시 설정해야합니다.

이 줄 추가 : 여기 당신은 HREF에 새 NUM을 다시 넣어 깜빡

<a href="5">add</a> 
<script type="text/javascript"> 
$('a').live('click', function(e){ 
e.preventDefault(); 

    var link = $(this).attr('href'); 

     var num = link+20; 
     $(this).attr('href', num) 

     var font = {color:"#993300", fontSize:num+"px"}; 

     $("p").css(font); 

     return false; 

}); 
</script> 

Answer 2

코드 (테스트하지)이다

$(this).attr('href', num); 

Answer 3

이유는 당신이 업데이트하고있다은 fontSize는 href의 값 + 설정 값입니다. 현재 fontSize를 사용해야하는 곳. 코드는 다음과 같습니다.

<a href="5">add 5</a> 
<a href="10">add 10</a> 
<script type="text/javascript"> 
$('a').live('click', function(e) { 
    e.preventDefault(); // Prevent our default method 

    var oldSize = $("p").css('fontSize'); // Get the current fontsize 
    var increment = $(this).attr('href'); // Get the amount we want to increment 
    var newSize = oldSize + increment; // Calculate the new size 

    var newCss = {color: "#993300", fontSize: newSize+"px"}; // Format our CSS 
    $("p").css(newCss); // Apply it 

    return false; 
}); 
// Or for short: 
$('a').live('click', function (e) { 
    e.preventDefault(); 
    $("p").css{color: "#993300", fontSize: ($("p").css('fontSize') + $(this).attr('href')) + "px"}); 
}); 
</script>