2011-02-10 7 views
3

私はウェブサイトのフォントサイズとしてユーザーが選択した内容に応じてクッキーを設定するテキストサイズ変更ツールを作成しようとしています。クッキーはうまく作成されますが、ページが最初に読み込まれると本文のサイズを変更することはできません。どんな助けもありがとう。jqueryは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); 
    }; 

私はあなたが増加/減少をクリックすると、フォントサイズを変更するために同じコードを使用していますが、それはページが最初にロードされると、本文を変更するために働いていません。

ADDITION:私はIEでこれをチェックし、それがOK作品ではなく、FFで、...今

を他のブラウザをチェックし[OK]を、これはIEとOperaで動作しますが、ないのFirefox、クロムまたはSarafi ..

+0

それがページにロードされていたら、サイズ変更を発射するコードは何ですか? –

+0

$( "#content")。css( "font-size"、curFont); < - それを使用してロード時にcontent divのテキストを変更しようとしていますが、コードは上記と同じですが、他のコードは+または - ボタンをクリックすると関係しません。 – SoulieBaby

答えて

5

unitを定義してみてください。

何か

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

ように私は、Firefox 3.6でfont-sizeをテストし、それがクロム9はユニットなしでは動作しませんが、(FFだけで自動的に何の単位はありません場合PXを追加)ユニットなしで作業を行います。

+0

ありがとう。 。私はpxの笑を追加することを大いに感謝しているとは思えないと信じることはできません:) – SoulieBaby

+1

+1はい、jQueryは値をそのまま設定し、CSSを設定していないユニットは無効です。 – JCOC611

+0

それは私にできるときに笑: – SoulieBaby

3

あなたはここで働いデモを参照してください

を+「PX」を不足している:

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

+2

遅すぎる:( –

関連する問題