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

Question

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

0

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

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

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

Любые советы приветствуются.

Dale Woods 14 нояб. 2013, в 04:53

Источник

0

выглядит хорошо для меня jsfiddle.net/arunpjohny/S8gHN/1
Arun P Johny 14 нояб. 2013, в 03:44
0

возможно, вам просто нужно добавить $(document).ready(function () {}); к вашему javascript?
Eric Robinson 14 нояб. 2013, в 03:45
0

его можно значительно упростить до `$ (" # incfont "). click (function () {$ ('p'). css ('font-size', '+ = 1')})` see jsfiddle.net / arunpjohny / S8gHN / 5
Arun P Johny 14 нояб. 2013, в 03:47
0

Да, у меня есть готовая функция вокруг этого.
Dale Woods 14 нояб. 2013, в 03:47
0

@EricRobinson, так как он работает один раз, я не думаю, что это проблема
Arun P Johny 14 нояб. 2013, в 03:47
0

Я просто размышляю, так как jsfiddle, который опубликовал @ArunPJohny, работал.
Eric Robinson 14 нояб. 2013, в 03:48
0

@Arun, спасибо за ваш отзыв, это хороший способ объединить код.
Dale Woods 14 нояб. 2013, в 03:50

Показать ещё 5 комментариев

Теги:

jquery

4 ответа

0

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

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

Dale Woods 14 нояб. 2013, в 02:47

0

Вы можете сделать это с parseInt .. проверить мое решение ..
Joke_Sense10 14 нояб. 2013, в 03:49

0

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

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/

Joke_Sense10 14 нояб. 2013, в 02:38

0

это было бы другим способом: демонстрация

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";
}

Juan C. 14 нояб. 2013, в 02:34

Ещё вопросы

выглядит хорошо для меня jsfiddle.net/arunpjohny/S8gHN/1
возможно, вам просто нужно добавить $(document).ready(function () {}); к вашему javascript?
его можно значительно упростить до `$ (" # incfont "). click (function () {$ ('p'). css ('font-size', '+ = 1')})` see jsfiddle.net / arunpjohny / S8gHN / 5
Да, у меня есть готовая функция вокруг этого.
@EricRobinson, так как он работает один раз, я не думаю, что это проблема
Я просто размышляю, так как jsfiddle, который опубликовал @ArunPJohny, работал.
@Arun, спасибо за ваш отзыв, это хороший способ объединить код.
Вы можете сделать это с parseInt .. проверить мое решение ..

Nick M · Accepted Answer · 2013-11-14T01-26-00.000Z

Вам не нужен этот промежуточный var или function; см. здесь.

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