Как сохранить класс active после перезагрузки страницы?

Question

[Екатерина]

Всем привет!
Кто-нибудь может помочь добавить в скрипт "localStorage", чтобы данные не пропадали после обновления страницы, не получается реализовать...

<?
$iblockid = $arItem['IBLOCK_ID'];
$id=$arItem['ID'];
	if(isset($_SESSION["CATALOG_COMPARE_LIST"][$iblockid]["ITEMS"][$id]))
		{
		$checked='checked';
	}else{
		$checked='';
	}
?>

<input <?= $checked; ?> type="checkbox" id="compareid_<?= $arItem['ID']; ?>" class="inputcompare" onchange="compare_tov(<?= $arItem['ID']; ?>);">
	<label for="compareid_<?= $arItem['ID']; ?>">
		<span class="comparTov" id="clickCompare_<?= $arItem['ID']; ?>">
			<img src="image1.png" class="img-compare_<?= $arItem['ID']; ?>"  />
		</span>
	</label>
	
<script>
        function compare_tov(id)
            {
                var chek = document.getElementById('compareid_'+id);
                if (chek.checked)
                {
                    //Добавить
                    var AddedGoodId = id;
                    $.get("/local/ajax/list_compare.php",
                        {
                            action: "ADD_TO_COMPARE_LIST", id: AddedGoodId},
                        function(data) {
                            $('#my_compare_list_count').html(data);
                            $('#clickCompare_'+id).html('<img src="image2.png" />').addClass('active');
                        }
                    );
                }
                else
                {
                    //Удалить
                    var AddedGoodId = id;
                    $.get("/local/ajax/list_compare.php",
                        {
                            action: "DELETE_FROM_COMPARE_LIST", id: AddedGoodId},
                        function(data) {
                            $('#my_compare_list_count').html(data);
                            $('#clickCompare_'+id).html('<img src="image1.png" />').removeClass('active');
                        }
                    );
                }
            }
</script>

Answer 1

[Владимир Ясанкин]

Все что хочешь запомнить на главную страницу и скрой это. На главной помести iframe в ней рабочая страница из нее запоминай что нужно и бери что нужно.

Comments

[Екатерина]

сделала вот так, но тоже не срабатывает, это уже 11-12 попытка:

$(function(){
				$('.img-compare'+id).click(function(){
					$('.comparTov_'+id).toggleClass('active');
					localStorage.setItem("compareIsActive", $('.comparTov_'+id).hasClass('active'));
				});
				
				var compareIsActive = localStorage.getItem("compareIsActive");
				
				if (compareIsActive == "true") {
					$('.comparTov_'+id).addClass('active');
				}
			});

не могу понять почему не срабатывает... в шапке счетчик работает и не сбрасывается, а тут мистика какая-то...