Как сохранить функцию php при срабатывании скрипта js?

Question

[Veyder]

Есть модальное окно, при отправке формы сама форма удаляется, а вторая часть модального окна показывается через функцию show с помощью ajax. Однако при работе скрипта пропадает функция php находящаяся во второй части модального окна. Необходимо чтобы php функция осталась не тронута при работе js.
Если есть идеи как это исправить, буду благодарен.
HTML:

<div class="modal-content application">
      <div class="application-sent d-none text-center">
        <img src="<b><?php echo get_template_directory_uri(); ?></b>/img/icons/sending.svg" width="64" height="64" alt="Заявка отправлена">
        <h2 class="modal-title">Ваша заявка отправлена!</h2>
        <p class="mb-5">Мы скоро свяжемся с вами для обсуждения проекта.</p>
        <button type="button" class="btn" data-bs-dismiss="modal">Хорошо</button>
      </div>
      <div class="modal-header">
        <h2 class="modal-title">Заявка</h2>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        <form class="application-form" action="#">
          /.../
        </form>
      </div>
</div>

JS:

$('.application-form').submit(function() {
  $.ajax().done(function() {
    $('.modal-header').remove();
    $('.modal-body').remove();
    $('.application-sent').show();
  })
});

После работы скрипта функция <?php echo get_template_directory_uri(); ?> просто не работает.

Answer 1

[Ипатьев]

https://phpfaq.ru/newbie/na_tanke

Answer 2

[historydev]

$('.modal-header').hide();
    $('.modal-body').hide();

Comments

[Veyder]

это не влияет, всё равно функция php не срабатывает

[historydev]

Veyder, убери скрипты js и проверь работает ли она вообще

[Veyder]

Владимир, она работает. До действия скрипта в src виден правильный путь из-за функции, а после действия скрипта (отправки формы) путь в src меняется как если бы он был без функции

[ProjectSoft]

Veyder, реально не понимаешь.?
Пых на фронте никогда не будет работать.

Answer 3

[Пума Тайланд]

так ты сохраняешь ее результаты на фронте

Answer 4

[Владимир Е]

Можно вывести эту функцию в другой блок и изначально скрыть его стилями
По завершению работы ajax отображать нужный блок
Это из простого

Если брать чуть сложнее, то нужно в functions.php написать функцию-обработчик ajax-запроса и в этой функции возвращать результат работы нужной функции