0

Такой вопрос:

У меня есть уведомления которые появляются в углу экрана, их я генерирую с помощью js чтобы их было несколько и они могли появляться друг под другом. Но не могу их закрыть с помощью кнопки закрыть.

Вот код:

function notify(type,message){
  (()=>{
    var n = document.createElement("div");
    var id = Math.random().toString(36).substr(2,10);
    n.setAttribute("id",id);
    n.classList.add("notification",type);
    n.classList.add("fade_out");
    n.innerHTML = message;
    document.getElementById("notification-area").appendChild(n);
    setTimeout(()=>{
    var notifications = document.getElementById("notification-area").getElementsByClassName("notification");
      for(var i=0;i<notifications.length;i++){
        if(notifications[i].getAttribute("id") == id){
          notifications[i].remove();
          break;
        }
      }
    },50000);
  })();
}

Появляется и закрывается сам автоматически через 5 сек. Но как закрыть с помощью кнопки?

$(document).on('click', '#notification-area span', function () {

var a = $('.notification').attr('id');

 if (a) {
    alert(a);
    }

});

Отслеживаю событие по клику и никак не могу закрыть нужный мне блок с уведомлением.Как можно сделать? Может кто помочь?

1 ответ 1

1
$(this).closest('.notification').remove();
2
  • Спасибо! Получилось!
    – timursites
    26 мая 2021 в 21:32
  • @timursites Пожалуйста. Успехов. Знак "галочка" - слева от ответа.
    – user176262
    26 мая 2021 в 21:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.