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

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

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


/* ТЕСТ 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');
  });
});

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

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

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

Luis Gustavo Leal

Ответов: 1

Ответы (1)

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

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

2022 WebDevInsider