Question

如何在列表hide / show函数中设置cookie？因此，如果用户单击隐藏，那么当我们刷新页面时，它将记住它仍然通过cookie功能隐藏的浏览器。

功能隐藏

function hideCol(columnClass){
      $('table .'+columnClass).each(function(index) {
        $(this).hide();
      });

      $('ul#hiddenCols').append('<li id="'+columnClass+'"><a href="javascript:;" onclick="showCol(\''+columnClass+'\');">Show '+columnClass+'</a></li>');
    }

功能展示

function showCol(columnClass){
      $('table .'+columnClass).each(function(index) {
        $(this).show();
      });

      $('li#'+columnClass).remove();
    }

请提供建议。

Answer 1

使用jquery cookie 在处理功能时设置cookie显示/隐藏

function hideCol(columnClass){
  $('table .'+columnClass).each(function(index) {
    $(this).hide();
  });

  $('ul#hiddenCols').append('<li id="'+columnClass+'"><a href="javascript:;" onclick="showCol(\''+columnClass+'\');">Show '+columnClass+'</a></li>');
 $.cookie("remember_state","hide"); //add it
}

function showCol(columnClass){
  $('table .'+columnClass).each(function(index) {
    $(this).show();
  });

  $('li#'+columnClass).remove();
     $.cookie("remember_state","show"); //add it
}

文档准备好时添加功能

$(document).ready(function(){
    if($.cookie("remember_state")=="hide"){
    //hide function
}else{
//show function
}
});

jQuery在列表show / hide中设置cookie

1 个答案: