0

Допустим у меня есть ссылка: <a id="data-trigger">Link</a>. При клике на нее должно всплывать модальное окно, в которое я передаю get-параметр id с неким значением. Вот так выглядит функция открытия окна:

      let openModal = function() {
        modal.classList.add('is-open'); // modal - контейнер модального окна
        var value = document.querySelector("[name=t9]:checked").value; // выбор значения из checkbox
        var strLink = "?id=" + value;
        document.getElementById("data-trigger").setAttribute("href", strLink);
      }

Проблема в том, что когда вызывается эта функция, то сначала обрабатывается выражение открытия окна modal.classList.add('is-open');, а уже затем выражение добавления параметра в адресную строку. Одновременно эти выражения обрабатываться не могут: когда открывается окно, то пропадают параметры из адресной строки, когда появляются параметры - пропадает окно. Как это исправить?

3
  • 1
    return false в конец функции добавьте, авось поможет.
    – teran
    30 ноя 2022 в 23:01
  • Впервые встречаю, чтобы в блок на странице передавали атрибут href. (видать, сегодня я ещё не употреблял 150 грамм)
    – Опан
    1 дек 2022 в 7:44
  • по идее вы меняете атрибут уже открытого окна, а ван вместо этого нужно сделать редирект открытого окна на новую ссылку 5 дек 2022 в 11:51

1 ответ 1

0

вы в уже открытом окне меняете атрибут но не осуществляете переход. Вам нужно открывать вот так:

let openModal = function() {
  var value = document.querySelector("[name=t9]:checked").value; // выбор значения из checkbox
  var strLink = "?id=" + value;
  window.location.href = strLink;
}

или

.setAttribute("href", strLink);

заменить на

.location.href = strLink;

Ваш ответ

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

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