Я хочу, чтобы кэш вспомнил, если пользователь закрыл div. Как я могу это сделать? Я могу закрыть div, но когда страница обновляется, она не сохраняется. Есть ли способ сделать это?
Просмотр в прямом эфире: http://eldeskin.com
HTML:
<div id="ps"><div class="close">
<button onClick="document.getElementById('ps').style.display = 'none';">x</button></div>
<div id="heart"></div><div class="text">PSSSST!<br><br>Følger du oss på <br><a target="_blank" href="http://instagram.com/eldeskincare">Instagram</a> og <a target="_blank" href="http://facebook.com/eldeskin">Facebook</a>?</div></div>
CSS:
#ps {
position: fixed;
bottom: 30px;
right: 30px;
border: 1pt solid #000;
padding: 20px;
text-align: center;
text-transform: uppercase;
z-index: 99;
background: #FFF;
width: 300px;
}
#ps .text {
position: relative;
top: -30px;
}
#ps .text a {
font-size: 14px;
text-decoration: none;
color: #c19426;
font-weight: 500;
letter-spacing: 1px;
}
#ps .close {
text-align: right !important;
}
#ps .close button {
border: none;
font-size: 20px;
font-weight: 100;
font-family: Raleway;
background: none;
}
#heart {
position: relative;
top: 94px;
left: 135px;
border-bottom: 1pt solid #000;
border-right: 1pt solid #000;
background: #FFF;
color: #FFF;
z-index: 6;
width: 30px !important;
height: 30px !important;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
}
Ваши лучшие варианты - либо сохранить, был ли div закрыт в cookie или localstorage.
вот пример:
$('.selector').click(function() {
localStorage.setItem('box', 'closed');
});
$(function() {
if (localStorage.getItem('box') === 'closed') {
$('.boxSelector').hide();
} else {
$('.boxSelector').show();
}
});
Тот факт, что изменения исчезли после обновления, является нормальным. вам следует рассмотреть возможность использования somekind метода для "сохранения" этих параметров, таких как файлы cookie или localstorage. google it и прочитайте эту статью:
http://coding.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/