Изменить элемент модального после загрузки - WP JS jQuery

#javascript #jquery

Вопрос:

У меня есть модальный элемент, который загружается при нажатии на ссылку. Он показывает информацию для конкретного курса. Пока все в порядке и работает.

Однако после того, как этот модальный элемент уже загружен и отображает значения, я хочу изменить текст заголовка, например (h2). Если я выполняю код изменения через консоль, все работает правильно, но не автоматически. Я понимаю, что это должна быть проблема с порядком загрузки или что-то в этом роде. Я безуспешно перепробовал все приведенные ниже варианты. Есть предложения?

 /* TESTE 1 */
jQuery(document).on('click', '.mec-monthly-tooltip', function() {
  jQuery("h1.mec-single-title").html('Novo Titulo');
  alert('Teste 1');
});


/* TESTE 2 */
jQuery('.mec-calendar-day h4.mec-event-title').bind('click', function(e) {
  $(this).one("ajaxStop", function() {
    jQuery("h1.mec-single-title").html('Novo Titulo');
    alert('Teste 2');
  });
});

/* TESTE 3 */
jQuery(document).on('click', '.mec-monthly-tooltip', function() {
  jQuery("h1.mec-single-title").html('Novo Titulo');
  alert('Teste 3');
});

/* TESTE 4 */
jQuery('h1.mec-single-title').bind('load', function() {
  jQuery("h1.mec-single-title").html('Novo Titulo');
  alert('Teste 4');
});

/* TESTE 5 */
jQuery(window).load(function() {
  jQuery("h1.mec-single-title").html('Novo Titulo');
  alert('Teste 5');
});

Развернуть фрагмент кода

1. Нам нужно увидеть рабочий пример кода, который отображает модальный. Видеть код, который не работает, не очень полезно.

2. На всякий случай , если это глупая ошибка … В вашем текстовом описании говорится о «h2», но все ваши селекторы ищут «h1».

3. TEST5 выглядит правильно, но лучше использовать .text() вместо .html() . jQuery("h1.mec-single-title").text('Novo Titulo');

4. к сожалению, у меня нет доступа к коду, который генерирует модальный, это плагин WordPress. О H2 был просто примером. Я использую правильный элемент. Как я уже сказал, я запускаю код в консоли браузера, и он работает.

5. На этой странице у вас есть календарь (нажмите на декабрьское событие) для просмотра модального. groupsd.pt/sentidos-dinamicos/formacao

Ответ №1:

Поскольку я не мог получить никакого решения с помощью JS или Jquery, коллега дал совет скрыть с помощью CSS первые 4 элемента, и это сработало.

 body h4.mec-event-title {
    text-indent: -32px;
}