Question

昨天我问question与此类似，但它看起来并没有引起太多兴趣，所以我要打破它。

请参阅我的fiddle。

正如您所看到的，我有一个3列的列表布局，可以在两个视图之间切换：

1）默认视图

2）Alt View

我的目标是使用本地存储来保存用户首选项 - 因此，如果用户选择ALT VIEW，那么当他们转到列表的下一页时，他们的偏好（ALT VIEW）会转移到该页面在整个会话期间浏览我的网站。

jQuery(document).ready(function() {

  $('.order a.layout').on('click', function(e){
    e.preventDefault();

    if($(this).hasClass('active')) {
      // do nothing if the clicked link is already active
      return;
    }

    $('.order a.layout').removeClass('active');
    $(this).addClass('active');


    var clickid = $(this).attr('id');
    $('.listings').fadeOut(240, function(){

      if(clickid == 'thumbnails-list') {
        $(this).addClass('alt');
        localStorage.setItem("viewmode", "alt");
      } 

      else {
        $(this).removeClass('alt');
        localStorage.setItem("viewmode", "default");
      }


      $('.listings').fadeIn(200);

    });

  });

});

请注意，在上面的javascript中，我创建了 setItem ＆＃39>：

if(clickid == 'thumbnails-list') {
        $(this).addClass('alt');
        localStorage.setItem("viewmode", "alt");
      } 

else {
        $(this).removeClass('alt');
        localStorage.setItem("viewmode", "default");
      }

当我使用Chrome资源时＆gt;本地存储和测试以查看这些setItem是否正常工作，确实是这样。

我的问题是我正在努力做 getItem 部分，这是我的头脑！

使用本地存储设置用户首选项

0 个答案: