Как запомнить и загрузить кнопку?

В этом вопросе есть скрипт для кнопки, которая при нажатии заменяется другой и обратно, но не может понять, как писать код для запоминания того, что в данный момент видно, а что нет. Я понимаю, что необходимо написать в localstorage, много похожих примеров, но соответствующего кода я не могу найти. Кто-нибудь может помочь с написанием пары строк? Буду очень признателен)) Его попытки переписать существующий код сам по себе не видит смысла, выложу текущий для переключения кнопок:

$(".close_button").click(function(e){
    e.preventDefault(); 
    $(".min_button").fadeIn(500);
    $(".minification").css("display","none");
});
$(".min_button").click(function(e){
    e.preventDefault();  
    $(".minification").fadeIn(500);
    $(".min_button").css("display","none");
});

1 ответ

Если вы хотите использовать локальное хранилище, вы можете использовать куки. Вам нужно будет установить cookie в функциях событий, а затем вызвать их, если cookie установлен.

Это может выглядеть примерно так, но это не проверено. Чтобы понять это лучше, вы можете прочитать этот ответ. Как мне установить / удалить cookie с помощью jQuery?

if ($.cookie("close_button") == "true") {
    close_buttonClick()
}
if ($.cookie("min_button") == "true") {
    min_buttonClick()
}
$(".close_button").click(close_buttonClick);
$(".min_button").click(min_button);
function close_buttonClick(e){
    if (e) e.preventDefault(); 
    $(".min_button").fadeIn(500);
    $(".minification").css("display","none");
    $.cookie("close_button","true")
    $.cookie("min_button","false")
}
function min_buttonClick(e){
    if (e) e.preventDefault();  
    $(".minification").fadeIn(500);
    $(".min_button").css("display","none");
    $.cookie("min_button","true")
    $.cookie("close_buton","false")
}
Другие вопросы по тегам