javascript - 设置 cookie 后，将类 'hidden' 添加到我的 div

Question

当用户单击关闭容器时，我想向“following_prompt”添加一个“隐藏”类。当他们点击关闭容器时，就会设置一个 cookie。

我的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')
    });
});

Answer 1

你可以在 jQuery 中将方法“链接”在一起，所以我会这样做:

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

请注意，$('.following_prompt') 的目标是元素的类，因此，如果您有多个元素，它们将全部 em> 添加了hidden 类，并且所有 类都将被隐藏。如果您需要定位一个元素，请为其添加一个唯一的 ID，然后使用 $('#elementid') 来定位它。

不需要该 return 语句，因此我将其删除。