2014-03-24 67 views
1
jQuery(document).ready(function($){ 
    $("#a2").click(function(){ 
     $('body').css("cssText","font-size: 107% !important"); 
    }); 
}); 

jQuery(document).ready(function($){ 
    $("#a3").click(function(){ 
     $('body').css("cssText","font-size: 114% !important"); 
    }); 
}); 

jQuery(document).ready(function($){ 
    $("#a4").click(function(){ 
     $('body').css("cssText","font-size: 121% !important"); 
    }); 
}); 

我給A,A +,A ++按鈕給了a2,a3,a4 ids。只要我的網站訪問者點擊這些按鈕中的任何一個,整個網站的字體大小就會相應地改變。現在字體大小正在改變,但是當我刷新頁面時,它又顯示了默認的字體大小。我怎樣才能做到這一點?我需要使用會話嗎?以及如何在CSS或jQuery中使用它?我是網站開發新手。所以請幫助我。如何在jquery/css中設置會話變量?

+4

什麼是cssText在你的代碼的意思 –

+0

@Tamizh請參閱http://www.stoimen.com/blog/2010/03/17/jquery-csstext-helps-you-improve-browser-reflows/ –

+0

您需要將樣式存儲在服務器或內部客戶端使用cookie/webstorage –

回答

1

以下代碼我寫,它是完美的工作。 我正在分享它,以便其他人可以參考它。

jQuery(document).ready(function($){ 
    var fontCookie = get_cookie('fontclass'); 
    if(fontCookie) { 
     jQuery('body').addClass(fontCookie); 
    } 
    $("#a2").click(function(){ 
     jQuery('body').removeClass('body-18'); 
     jQuery('body').addClass('body-16'); 
     var now = new Date(); 
      var time = now.getTime(); 
      time += 3600 * 1000 * 700; 
      now.setTime(time); 
      document.cookie = 
      'fontclass=body-16' + 
      '; expires=' + now.toGMTString() + 
      '; path=/'; 
     event.preventDefault(); 
    }); 
}); 

這樣我加入了功能A1和A3也在其中,我添加和刪除CSS類按我的要求。

+0

你ght也想設置cookie的域名。 –

-1

會話存儲在服務器上。所以,如果你想使用session,你必須使用ajax來獲取和設置信息。

更簡單的解決方案是使用您可以在JavaScript中管理的cookie。看到http://www.w3schools.com/js/js_cookies.asp

-2

具體到這樣一個問題: jquery.session.js插件提供它需要的JSON插件的目的太http://code.google.com/p/jquery-json/

商店:

$(function() { 
    $.session(「myVar, 「value」); 
}); 

閱讀:

$.session(「myVar) 

如果我沒有得到你的權利,如果我的上述答案不能幫助你的情況,你的描述說你想要存儲用戶的個性化信息,該信息通常通常存儲在很長時間後過期的cookie中,或者存儲在後端的數據庫中。

0

每當你將建立一個會話變量,你必須使用AJAX發送服務器端請求時,它重量很輕,不需要加載任何外部庫