Форум

MC-XOBAHCK · #1 (**permalink**) 23.08.2019, 18:05

Вот код:

comment.classList.add('comment-delete');

let questionDelete = confirm("Удалить комментарий?");

if (questionDelete) { ...

Оформляю удаляемый комментарий, добавляя ему методом classList.add класс comment-delete. Это нужно чтобы подсветить какой комментарий удаляется.
После добавления класса идёт запрос confirm для подтверждения.

Проблема в том что confirm срабатывает раньше чем элементу добавляется класс, то есть раньше кода находящегося выше.

Как это обойти? сеттаймаут ставить для конфирма или есть какие другие решения?

рони · #2 (**permalink**) 23.08.2019, 18:25

MC-XOBAHCK,
строка 2

document.documentElement.clientWidth;

MC-XOBAHCK · #3 (**permalink**) 23.08.2019, 18:33

рони, я извиняюсь, не понял вашего намёка.
Нужно вставить эту строку чтобы она оттянула выполнение confirm ?

рони · #4 (**permalink**) 23.08.2019, 18:37

MC-XOBAHCK,
попробуйте и напишите результат.

MC-XOBAHCK · #5 (**permalink**) 23.08.2019, 18:42

Если вставляю эту строку, не помогает. Классы добавляются только после закрытия диалогового окна. Ну а там уже на автомате идёт ajax-запрос и удаление комментария.

Единственное, у меня в оригинале добавляются три класса:

comment.classList.add('comment-delete', 'border', 'border-danger');

рони · #6 (**permalink**) 23.08.2019, 18:47

MC-XOBAHCK,
увы, не работает, переменная формируется раньше.

laimas · #7 (**permalink**) 23.08.2019, 19:13

MC-XOBAHCK, попробуйте MutationObserver - следить за изменением класса, затем выполнять confirm.

MC-XOBAHCK · #8 (**permalink**) 23.08.2019, 19:33

laimas, спасибо вам за идею! Точно, мутатор должен решить эту задачу.

рони · #9 (**permalink**) 23.08.2019, 19:43

Сообщение от MC-XOBAHCK

Как это обойти? сеттаймаут ставить для конфирма

рони · #10 (**permalink**) 23.08.2019, 20:54

MC-XOBAHCK,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .comment-delete{
      background-color: #FF00FF;
  }

  </style>


</head>

<body>
<div id="comment">comment</div>
<script>
comment.classList.add('comment-delete');
async function wait() {
  await new Promise(resolve => setTimeout(resolve, 100));
  return confirm("Удалить комментарий?");
}
function f() {
  wait().then(result => alert(result));
}

f();

  </script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript