jQuery .click 功能在重新加載后不起作用

Question

我在我的網站上使用 jQuery 添加一個新類並刪除另一個，但是在重新加載頁面后，新類消失了。

代碼：

$(document).ready(function() {
    $('#list').click(function(event){event.preventDefault();$('.viewgrid').addClass('viewlist');$('.viewgrid').removeClass('viewgrid');});
    $('#grid').click(function(event){event.preventDefault();$('.viewlist').addClass('viewgrid');$('.viewlist').removeClass('viewlist');});
}); 

如何保留修改？

Answer 1

jQuery 是一個 JavaScript 框架，它在您的瀏覽器中運行客戶端。 如果您不將更改保存在文件中，更改將只是暫時的。

編輯：您需要在站點加載上加載狀態：

var def = 'viewlist';
var view = Cookies.get('view') || def;

$('#view').addClass(view);

並通過單擊按鈕保存它：

Cookies.set('view', 'viewlist');

我為你寫了這個小代碼筆： http ://codepen.io/anon/pen/oBezzz

請注意，我使用了 JS 插件JavaScript Cookie 。 您需要下載它並將其包含在您的頭部部分中。