Функция jquery для увеличения размера шрифта для задачи доступности

Question

просто пытается написать функцию jQuery, которая будет увеличивать размер шрифта p тегов при его вызове. Я сделал это до сих пор ...

$("#incfont").click(function() {    
    $('p').each(function(){ 
     var fontsize; 
     fontsize = parseInt($(this).css('font-size')); 
     $(this).css({'font-size':(fontsize+1)+'px'}); 
    }) 
}) 

Кажется, что один раз увеличит шрифт, но не вызовет никаких вызовов.

Любые советы, оцененные.

Answer 1

Вам не нужно, что промежуточная переменная или функция; см. here.

$("#incfont").click(function() { 
    $('p').css('font-size','+=1'); 
}); 

Answer 2

мне удалось это исправить,

мне нужно parseFloat() не ParseInt извлеченного размера шрифта из каждого элемента.

Answer 3

Попробуйте это:

var fontsize; 
$("#incfont").click(function() { 

       $('p').each(function(index){ 
        if(index==0){ 
        fontsize = parseInt($(this).css('font-size')); 
        } 
        $(this).css({'font-size':(fontsize+=1)+'px'}); 

       }) 
      }) 

Демо:http://jsfiddle.net/yLgCB/

Answer 4

это будет еще один способ: demo

function resizeText(multiplier) { 
var p = $("p")[0]; 
    if (p.style.fontSize == "") { 
    p.style.fontSize = "1.0em"; 
    } 

    p.style.fontSize = parseFloat(p.style.fontSize) + (multiplier * 0.2) + "em"; 
}