jquery - 重新加载页面后如何修复切换第一次单击

Question

我有小提琴

<h2>TITLE INFO</h2>

<div>text 1</div>
<div>text 2</div>
<div>text 3</div>




jQuery('h2').toggle(function () {
    jQuery('body').addClass('order_list');
    $.cookie('info_type', 'order_list', {
        expires: 30
    });
}, function () {
    jQuery('body').removeClass('order_list');
    $.cookie('info_type', null);
});

var order_list_var = $.cookie('info_type');
jQuery('body').addClass(order_list_var);

如果设置了 cookie 并且我重新加载页面，则尝试单击到 h2：没有任何反应只有当我第二次单击时，cookie 和类才会被删除

Answer 1

而不是使用toggle，你可以使用click。像这样：

jQuery('h2').click(function(){
    if (jQuery('body').hasClass('order_list')){
        jQuery('body').removeClass('order_list');
        $.cookie('info_type', null);
    }
    else{
        jQuery('body').addClass('order_list');
        $.cookie('info_type', 'order_list', {
            expires: 30
        });
    }
});

您遇到的问题是：当您重新加载页面并单击 时h2，toggle无论h2. 使用click类似这样，您可以完全控制h2