在點擊時將一個類添加到ancer標記並將其保存爲cookie

直接點，這是我的簡單代碼。在點擊時將一個類添加到ancer標記並將其保存爲cookie

$(".vm-options a").click(function() { 
     $(this).addClass("vmselected").siblings().removeClass("vmselected"); 
    });

<div class="vm-options"> 
       <a href="#" class="vm-icon vm-list vmselected" id="list">List view</a> 
       <a href="#" class="vm-icon vm-grid" id="grid">Grid view</a> 
      </div>

現在我需要它每次我點擊「A HREF」標記記住我的選擇，我怎麼能添加餅乾給它。

謝謝。

來源

2016-04-24 user2181089

您可以從這裏開始：[關於cookie的MDN文檔]（https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie），或者查找[JavaScript cookie庫]（ https://www.google.com/search?q=javascript+cookies+plugin），這可能更容易，更快實施。 – blex

感謝您的迴應，但我在JS中非常業餘，需要儘快在上面的腳本中實現cookie，但我感謝您告訴我如何開始瞭解它。 – user2181089

可能的重複[如何使用jQuery設置/取消設置cookie？]（http://stackoverflow.com/questions/1458724/how-do-i-set-unset-cookie-with-jquery） – mmgross

使用Javascript Cooke plugin寫Cookies.set('name', 'value');

還是jQuery Cookie plugin寫$.cookie('name', 'value');

來源

2016-04-24 21:02:15

本例使用3210，您需要在您的網頁，包括像這樣：

<script src="https://rawgit.com/js-cookie/js-cookie/master/src/js.cookie.js"></script>

你可以用它來存儲和檢索所選鏈接的ID，這種方式：

// Select the currently saved VM at page load 
selectVM(); 

// Do it on click too 
$(".vm-options a").click(selectVM); 

function selectVM() 
{ 
    var elem = $(this); 
    // If the call doesn't come from a click (eg on page load), 
    // get the one saved in a cookie or the default one: "#list" 
    if(this === window) elem = $('#' + (Cookies.get('selectedVM') || 'list')); 

    elem.addClass("vmselected").siblings().removeClass("vmselected"); 
    // Save it for 7 days 
    Cookies.set('selectedVM', elem.id, { expires: 7 }); 
}

這裏，ID保存在使用命名selectedVM餅乾：

Cookies.set('selectedVM', value);

和檢索的使用：

Cookies.get('selectedVM');

這是簡單！

來源

2016-04-24 21:17:15 blex

再次感謝您親愛的blex，現在我有幾個小時玩：D – user2181089

在點擊時將一個類添加到ancer標記並將其保存爲cookie

回答

相關問題