當cookie已設置時，向我的div添加一個類'隱藏'

我想在用戶單擊關閉容器時將「hidden」類添加到「following_prompt」。當他們點擊關閉容器時，cookie會被設置。當cookie已設置時，向我的div添加一個類'隱藏'

MY JS：

jQuery(document).ready(function(){ 
    // if the cookie exist, hide the element 
    var hide = Cookies.getJSON('hide'); 

    if (hide && hide.element) 
     $(hide.element).hide(); 

    $('#hideshow').on('click', function(event) {   
     $('.following_prompt').hide() 

     Cookies.set('hide', {element: '.following_prompt'}, { expires: 7 }); 
     return false; 
     $('.following_prompt').addClass('hidden') 
    }); 
});

來源

2015-09-15 Ed Vinicombe

定義你的問題。 –

所以'element.addClass（'hidden'）'？ – Andy

嘿@Andy可以做到 - 我對JS不太瞭解。我在哪裏放這個？ –

你可以在「鏈」方法一起使用jQuery的，所以我這樣做：

$('#hideshow').on('click', function(event) {   
    $('.following_prompt').addClass('hidden').hide(); 
    Cookies.set('hide', {element: '.following_prompt'}, { expires: 7 }); 
});

注意$('.following_prompt')目標一個類的元素，所以如果你有多個，他們將所有有hidden類增加和所有他們將被隱藏。如果您需要定位一個元素，請爲其添加一個唯一ID，然後使用$('#elementid')來定位它。

沒有必要使用return聲明，因此我將其刪除。

來源

2015-09-15 10:59:27 Andy

Daanngg我以爲是安迪！不幸的是，它沒有添加類:(我認爲這可能是一個問題大聲笑 –

嘿@Andy這似乎工作，但當我刷新頁面的類從容器中刪除？類需要在那裏的持續時間的Cookie –

那麼，如果你刷新頁面，所有的元素都會回到它們的默認狀態，如果你想讓這個元素保持隱藏狀態，你需要編寫一些代碼，在頁面加載時查看cookie，然後自動隱藏元素。 – Andy

我看到你的問題的樣子，你想一個類添加到一個div。。要做到這一點簡單地使用，$（ '＃DIVID'）addClass（ '類名'）

來源

2015-09-15 10:51:45 Chandrasekar

OP正在創建一個cookie，一旦cookie被設置，'following_prompt'元素應該被賦予一個類名'hidden'。如果你想保持這個作爲你的答案，我會建議你更詳細地擴展它，並完成問題的其餘部分。 – NewToJS

我已經更新了上面的代碼。這看起來正確嗎？ –

你需要隱藏什麼元素？被點擊的那個？ – Andy

當cookie已設置時，向我的div添加一個類'隱藏'

回答

相關問題