Question

有没有办法让刷新页面后自动关闭由toggleClass（）关闭的菜单？

调用toggleClass（）的按钮可以正常工作。会话还会记住菜单是否隐藏，因此它会在刷新时执行结束动画。是否有一种简单的方法可以在刷新时隐藏菜单而不是执行动画？

有关进一步说明，请参阅quick video I took of the issue：

initialize: function()
    {
        if(sessionStorage.getItem('sidebar.open') == 'false')
        {
            this.toggle();
        }
    },

    toggle: function()
    {
        var self = this;

        $(this.sidebarEl).toggleClass('active');

        _.each(this.contentEl, function(el)
        {
            $(el).toggleClass('active');
        });

        sessionStorage.setItem('sidebar.open',
                                $(this.sidebarEl).hasClass('active'));
    },

Answer 1

我假设过渡是一个CSS过渡，对吗？这就是为什么你只改变班级......

考虑可能取消转换，然后重新附加它。

CSS

.notransition { /*class to cancel transition*/
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

HTML

<div class="menu nontransition">...</div> <!-- when the page is loaded, use nontransition... -->

JS

initialize: function()
{
    if(sessionStorage.getItem('sidebar.open') == 'false')
    {
        this.toggle();
    }
    $(this.sidebarEl).removeClass("nontransition") // Then, delete nontransition, and allow the transition to work
},

jQuery - toggleClass（）需要在刷新时开始关闭

1 个答案: