Как добавить класс и изменить текст при клике и чтобы он уже не менялся после перезагрузки страницы?
использую этот код,
<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 он в идеале был прописан, то есть когда товар уже добавлен в корзину, но если я добавляю этот код туда - он вообще не работает
