Сделать сеанс кнопки закрытия постоянным - PullRequest
Новая
       103

Сделать сеанс кнопки закрытия постоянным

0 голосов
/ 01 января 2019

Я использую Foundation 6, чтобы сделать мой веб-сайт интерфейсом.Над заголовком моего сайта я хочу показать панель продвижения, которая должна быть закрываемой / закрываемой.

Поэтому я использую кнопку закрытия, выходящую из коробки с Фондом, чтобы скрыть / закрыть панель продвижения.

Теперь я хочу, чтобы, если пользователь закрывает / скрывает панель продвижения, эта панель (до конца сеанса) больше не отображалась.

Поскольку кнопка закрытия просто «скрывает» элемент, панель снова будет показана, если я перейду на другую подстраницу (например, из блога -> возвращаясь на главную страницу).

Есть ли простой способ сохранить панель скрытой после того, как я нажал на кнопку закрытия для остальной части сеанса?

Если пользователь останавливается на другой день, панель должна бытьснова отображается.

https://foundation.zurb.com/sites/docs/close-button.html

Заранее спасибо!

1 Ответ

0 голосов
/ 02 января 2019

Спасибо @ daniel-ruf - я решил это следующим образом, если кто-то ищет решение

  1. Дайте панели продвижения уникальный идентификатор (id = "promobar")
  2. Добавить класс в панель продвижения (class = "hider")
  3. Добавить отображение: нет, в класс с помощью файла CSS (.hider {display: none;})

  4. Добавить действие onClick кнопка закрытия

    button class = "close-button" data-close = "" onclick = "promohide ()"> ×

  5. в App.js add

    var cacheKeyNoPromo = 'promohide';

    var nopromo = readFromCache (cacheKeyNoPromo);if (! nopromo) {document.getElementById ("Promotionbar"). classList.remove ("hider");}

    var promohhide = function () {writeToCache (cacheKeyNoPromo, true, 24 * 60 * 60 * 1000 / * 1D * /);document.getElementById ( "promotionbar") classList.add ( "Hider").};

у меня работает.

...