重新加载后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框架，它在浏览器中运行客户端。如果您未将更改保存在文件中，则更改只是暂时的。

修改 您需要在siteload上加载状态：

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。您需要下载它并将其包含在您的头部。