Вопрос по js / jQuery в админке Есть решение

Потихоньку изучаю как работает js и jQuery. В админке подключил .js файл и попробовал в него добавить такой код:

$(document).ready(function(){
    $('#wa').addClass("test1");
    $('#s-order-title').addClass("test2");
});

Т.е. хочу добавить классы к элементам.

Эта строчка корректно работает к элементу с id 'wa':

$('#wa').addClass("test1");

А эта строчка не добавляет класс к элементу с id 's-order-title':

$('#s-order-title').addClass("test2");


Как я понял, причина в том, что элемента "#s-order-title" (заголовок страницы заказа) в исходном коде страницы нет, он добавляется иным способом (как и я вся страница заказа).

---

Вопрос: как добавить класс к этому элементу?

2 ответа

  • 1
    Алексей Webasyst 24 сентября 2020 16:47 # Решение

    Часть элементов подгружается отдельными запросами, поэтому ваш скрипт вероятно срабатывает, когда загрузилась основная страница, но еще нет нужного вам блока.

    • +1
      chikurov-seo chikurov-seo 29 сентября 2020 10:57 #

      В итоге решил проблему перемещением JS кода из head-а в body через хук для страницы заказов.

  • 1
    chikurov-seo 24 сентября 2020 16:50 #

    UPD. Погуглил, подредактировал код, вроде заработало:

    $( document ).ajaxComplete(function() {
        $('#wa').addClass('test1');
        $('#s-order-title').addClass('test2');
    });

    Это правильное решение задачи? Или есть более правильный вариант?

    • +1
      Николай Иванов Николай Иванов 25 сентября 2020 13:26 #

      Ajax вызовов может быть много. Каждый из них будет вызывать ajaxCompete. Получается при каждом таком вызове будет исполняться ваш код, что не очень хорошо со всех точек зрения. Как вариант конечно пойдёт, но лучше посмотрите на MutationObserver.
      https://developer.mozilla.org/...

      • +1
        chikurov-seo chikurov-seo 25 сентября 2020 13:36 #

        Спасибо. Как раз искал то что искал. Почитаю.

        • +1
          Syrnik.com Syrnik.com 5 октября 2020 21:56 #

          Можно найти хук, который выводит что-нибудь именно на карточке заказа. Скажем, backend_order и выводить ваш js, меняющий #s-order-title по этому хуку, например, в область info подсовывать ваш js-код

          • +1
            chikurov-seo chikurov-seo 6 октября 2020 13:43 #

            Спасибо за ответ. Я как раз именно так проблему и решил, отписался об этом в ветке выше.

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите