jquery изменить размер шрифта на основе куки? - PullRequest
3 голосов
/ 11 февраля 2011

Я пытаюсь создать текстовый ресайзер, который также устанавливает cookie в зависимости от того, что пользователь выбрал в качестве размера шрифта для веб-сайта.Он отлично создает cookie, но я не могу заставить его изменить размер основного текста после начальной загрузки страницы.Буду признателен за любую помощь.

Код:

  var origFont = parseFloat($("body").css("font-size"), 10);
  var cookieFont = $.cookie("fontSize");

  if (!cookieFont) {
    var curFont = origFont;
    $("#content").css("font-size", curFont);
  } else {
    var curFont = $.cookie("fontSize"); 
    $("#content").css("font-size", curFont);
  };

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

ДОПОЛНЕНИЕ: я только что проверил это в IE, и все работает нормально, но не в FF, теперь проверю другие браузеры ...

Okэто работает в IE и Opera, но не в Firefox, Chrome или Sarafi ..

Ответы [ 2 ]

5 голосов
/ 11 февраля 2011

Попробуйте определить юнит .

Что-то вроде

$("#content").css("font-size", curFont + 'px');

Я протестировал font-size в Firefox 3.6 и он работает без юнитов (FF просто добавляет px автоматически, если нет устройства), в то время как Chrome 9 не работает без устройства.

3 голосов
/ 11 февраля 2011

Вам не хватает + "px"

См. Рабочую демонстрацию здесь:

http://jsbin.com/ufetu5/2/edit

...