2014-01-11 48 views
-2

我一直在試圖尋找一種方法來使用cookie來保存切換在我的網站上完成的更改,但我無法繞過cookie。請幫助我,我只是新的jQuery和餅乾。在jQuery上使用cookie「toggleClass」

<script> 
$(document).ready(function(){ 
    $("#switch").click(function(){ 
    $("body").toggleClass("main"); 
    }); 
}); 
</script> 
+0

請出示你嘗試過,所以我們可以清理你的困惑是什麼。 – Barmar

+0

我讓我的代碼更簡單,我想讓cookies記住toggleclass所做的更改。 [鏈接](http://jsfiddle.net/dYk4T/) –

回答

0

您需要https://github.com/carhartl/jquery-cookie管理Cookie。非常簡單而有效。你只需要修改你的腳本:

$(document).ready(function(){ 
    $("#switch").click(function(){ 
    $("body").toggleClass("main"); 
    $.cookie('your_cookie_name', 'your_cookie_value'); 
    }); 
}); 

祝你好運。

+0

我讓我的代碼更簡單,我希望這有助於。 [鏈接](http://jsfiddle.net/dYk4T/) –

0

加載jQuery cookie插件,如Flo的答案中所引用。然後,你可以保存狀態:

$(document).ready(function(){ 
    $("#switch").click(function(){ 
     $("body").toggleClass("main"); 
     $.cookie("main", $("body").hasClass("main")); 
    }); 
}); 

您可以在以後得到的cookie與價值:

var main_set = $.cookie("main"); 
+0

我在哪裏把var main_set = $ .cookie(「main」);? –

+0

在任何代碼想要使用cookie。你設置它是有原因的,不是嗎? – Barmar