如果Cookie存在，隱藏表格行

根據我之前的問題here和here，我發現我可以用javascript設置cookie。我想結合它與jQuery的cookie狀態設置切換錶行。我想在重新加載時隱藏隱藏的行。如果Cookie存在，隱藏表格行

這是我迄今取得：

// Load cookies if any 
if(readCookie('togState')) { 
     $('table#toggle tr.' + readCookie('togState')).hide(); 
    } 

    $(function() { 
     $('table#toggle tr.container').click(function() { 
      var idTog = $(this).attr('id'); 
      $(this).toggleClass('off').nextAll('.' + idTog).toggle(); 
      setCookie('togState', idTog, 30); 
      alert('Cookies: ' + readCookie('togState')); 
     }); 

});

父：<tr id="parent-1" class="container">

以下孩子：<tr class="contained parent-1">等

正如你可以看到讀取Cookie，但未在瀏覽器刷新時設置。我究竟做錯了什麼？

我想要的是隱藏任何切換的行（使其父類的容器ID等於他們的類），如果父容器被點擊，並且cookie被設置。

任何幫助將非常感激。謝謝。

我用於快速檢查源餅乾：

function setCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toGMTString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    setCookie(name,"",-1); 
}

UPDATE：

我也曾嘗試每個功能沒有運氣：

$('table#toggle tr.' + readCookie('togState')).each(function() { 
    $(this).hide(); 
    });

更新2：

如果我把檢查裏面的jQuery（我用hide（）），它的工作原理，但只適用於一個cookie。所以現在的實際問題是如何爲更多的父行保留更多的cookie？

來源

2010-03-29 swan

如果您使用的setCookie()功能來自this answer，那麼您將Cookie設置爲30秒。這可能不足以滿足您的要求，您可能應該稍微增加它。 :-)

編輯回覆：你的問題編輯 - 如果你想設置多個cookie，你必須與以下行的一個問題：

document.cookie = name+"="+value+expires+"; path=/";

在這裏，你會覆蓋cookie每次撥打setCookie()。如果要設置多個cookie，你需要預先/新名稱/值對與每個呼叫的字符串追加到setCookie()

來源

2010-03-29 23:17:37

下面是函數：功能setCookie方法（名稱，價值，天）{ 如果（天）{ var date = new Date（）; date.setTime（date.getTime（）+（days * 24 * 60 * 60 * 1000））; var expires =「; expires =」+ date.toGMTString（）; } else var expires =「」; document.cookie = name +「=」+ value + expires +「; path = /」; } 其實從接受的答案鏈接。謝謝 – swan 2010-03-29 23:19:32

@kuswantin，請把它寫在你的問題中。 – 2010-03-29 23:27:42

哦，對不起。我會更新。謝謝 – swan 2010-03-29 23:28:32

如果Cookie存在，隱藏表格行

回答

相關問題