Как добавить класс и изменить текст при клике и чтобы он уже не менялся после перезагрузки страницы?

Question

[symply_rabbit]

Как добавить класс и изменить текст при клике и чтобы он уже не менялся после перезагрузки страницы?

использую этот код,

<script >

    $("#buy-googs<?=$arResult[ID]?>").click(function() {
        $.ajax({
            type: "POST",
            url: "/include/addtocart.php",
            data: ({
                id: <?=$arResult[ID]?>,
                count: $('#count<?=$arResult['ID']?>').val()
            }),
            cache: false,
            success: function(data) {
                $("#reload").html(data);
            }
        });

        $(this).addClass('in-cart');
        var hBlock = $('.btn.btn-default.in-cart');
        $(this).text(hBlock.is(':visible') ? 'В корзину' : 'В корзине');
        localStorage.setItem("blockIsActive", "true");



    });

var blockIsActive = localStorage.getItem("blockIsActive");
if (blockIsActive == "true") {
    $('.btn.btn-default.btn-lg').hasClass('in-cart');
} 
</script>

этот код вроде добавляет класс, но почему то класс показывается при наведении мышкой только. и он не сохраняет класс после перезагрузки и не добавляет текст ...
и еще в идеале мне хотелось бы чтобы в success он в идеале был прописан, то есть когда товар уже добавлен в корзину, но если я добавляю этот код туда - он вообще не работает

Comments

[Alex]

Отформатируйте пожалуйста ваш код, чтобы его было легче прочитать

[symply_rabbit]

Александр Козак, так лучше?

[Alex]

symply_rabbit, Определённо

[Cr2ed]

if (blockIsActive == "true") {
    $('.btn.btn-default.btn-lg').hasClass('in-cart');
}

вы здесь вызываете проверку на наличие класса, но при этом не добавляете его

[symply_rabbit]

Cr2ed, исправлял уже .hasClass('in-cart') на addClass но эффект тот же самый

[symply_rabbit]

нашел решение. вот верный рабочий код

$(this).removeClass('buy-btn');
$(this).addClass('green-btn');

localStorage.setItem('addClass', 'true');


});

if (localStorage.getItem('addClass') === 'true') {
//$('.btn.buy-btn.btn-lg').removeClass('btn-default');
$('.btn.buy-btn.btn-lg').addClass('green-btn');
}