Question

所以当我第一次来到我的页面时，我正在尝试加载一个名为 one.css 的默认样式表。除此之外，我是能够选择主题的用户。我的逻辑问题是当你切换到另一种风格时，one.css似乎正在重置本地存储，就好像它是你第一次在网站上一样。

是的我确实意识到逻辑存在错误，希望有人可以理清我想要做的事情。

var firstRun = (localStorage['styler'] == 'one');

if (!firstRun) {
  localStorage['styler'] = 'one';
  var style = localStorage["styler"];
  $('<link rel="stylesheet" type="text/css" href="'+style + '.css">').appendTo("head");
}   

else{
 var style = localStorage["styler"];
  $('<link rel="stylesheet" type="text/css" href="'+style + '.css">').appendTo("head");
}

Answer 1

我认为你在寻找：

var style = localStorage['styler'];

if (typeof style === 'undefined'){
   style = 'one';
   localStorage['styler'] = style;
   $('<link rel="stylesheet" type="text/css" href="'+ style + '.css">').appendTo("head");
}
else{
   $('<link rel="stylesheet" type="text/css" href="'+ style + '.css">').appendTo("head");
}

Answer 2

你总是有变量style ==“one”

var firstRun = (localStorage['styler'] == 'one');

if (!firstRun) {
  var style = localStorage["styler"];
  if(typeof style === 'undefined') style = 'two'
  $('<link rel="stylesheet" type="text/css" href="'+style + '.css">').appendTo("head");
  localStorage['styler'] = 'one';
}   

else{
  var style = localStorage["styler"];
  $('<link rel="stylesheet" type="text/css" href="'+style + '.css">').appendTo("head");
}

第一次在网站上Jquery加载样式

2 个答案: