javascript - LocalStorage 不适用于 slideToggle(使用切换)

Question

我正在使用 slidetoggle();切换横幅和 localStorage 以记住已切换的横幅的最后状态。

localStorage 与 toggle() 配合使用时效果很好； , 尽管有 slideToggle();它不再存在了。此外，当我将动画添加到切换(即切换(500);)时，localStorage 也不再起作用。

   $('#button').click(function () {
        $(this).siblings().slideToggle();
        localStorage.setItem('display', $(this).siblings().is(':hidden'));
    });
    var block = localStorage.getItem('display');
    if (block == 'true') {
        $('#banner').hide()
    }

可能是什么问题？

JSFiddle:http://jsfiddle.net/9pj9ws5u/12/

Answer 1

应该这样做:

$(this).siblings().slideToggle(function() {
    // Code is triggered once the animations finished and the element is hidden
    // $(this) - reference to the SIBLING element
    localStorage.setItem('display', $(this).is(':hidden'));
});

您的代码没有工作，因为您检查了它是否在动画完成之前被隐藏了。将逻辑放在动画回调函数中，确保在动画完成后调用它。