.addClass не работает (удаляется при обновлении)

Я довольно новичок в jQuery, и я пытаюсь установить класс на основе localStorage.getItem, но он не работает. Вот мой код:.addClass не работает (удаляется при обновлении)

if (localStorage.getItem("active_layout") == 2) { 
    $("#laa").addClass("active"); 
};

Элемент LocalStorage имеет значение 2 и класс добавляется, когда я нажимаю на элемент. Но когда я обновляюсь, он удаляется. Можно ли сохранить его там, а не удаляться при обновлении?

источник

2015-02-20 Mehedi Hassan Dip

Когда вы обновляете страницу, перезагружается с сервера - вам нужно как-то постоянно сохранять информацию на своем сервере или повторно добавлять класс на основе локального хранилища при загрузке страницы. –

Как я уже сказал, я очень новичок в jQuery. Как я могу повторно добавить класс? Помощь очень ценится :) –

См. Ниже, я добавил вам ответ. –

Попробуйте заново добавить класс по документу готовый:

$(function() { 
    if (localStorage.getItem("active_layout") == 2) { 
     $("#laa").addClass("active"); 
    }; 
});

источник

2015-02-20 11:55:07

Это работало как шарм! Спасибо огромное! –

Нет проблем :) Приготовьтесь/согласитесь, если это поможет! (вы получаете бонусные баллы тоже ( –

Приняли ответ, не можете повышать, поскольку у меня недостаточно репутации * кричит * –

добавить активный класс по умолчанию, и удалить его, если вам не нужно ...

if (localStorage.getItem("active_layout") !== 2) { 
    $("#laa").removeClass("active"); 
};

или добавить этот класс Ready метод

$(document).ready(function(){ 
if (localStorage.getItem("active_layout") == 2) { 
     $("#laa").addClass("active"); 
    }; 
});

источник

2015-02-20 11:55:03 Dhaval

Это все равно будет отменено, если страница обновится. –

Tried @EvanKnowles отвечает, и он удаляет класс 'active', если элемент localStorage не равен 2. –

Это альтернативный способ, но лучше добавить класс в готовую функцию. – Dhaval

Когда страница обновлена, вы получите совершенно новую страницу. Изменения, сделанные с помощью javascript, нужно будет переделать.

Если вы хотите использовать localstorage, вам нужно будет повторно добавить класс при каждом обновлении (например, ответ Эвана).

Вы также можете добавить некоторую логику сервера, чтобы html обслуживался с классом, который вы хотите. Однако сервер не может читать localstorage - вы можете использовать cookie.

источник

2015-02-20 11:59:41

.addClass не работает (удаляется при обновлении)

ответ

Смежные вопросы