Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.05.2019, 23:40
Аватар для ozoro
Аспирант
Отправить личное сообщение для ozoro Посмотреть профиль Найти все сообщения от ozoro
 
Регистрация: 04.05.2019
Сообщений: 80

Как обработать динамически созданный элемент после отправки формы?
<!-- ..разметка модального окна. -->

<div class="modal-content">

	<div class="modal-header">
	  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	  <h4 class="modal-title" id="myLargeModalLabel">Оставьте свои контактные данные</h4>
	</div>
	<div class="modal-body">	
	
<form class="form...>
    <!-- Несколько инпутов -->
...
...

    
    <div class="form-actions">
        <input type="submit">
    </div>
</form>
<div id="ec-form-success"></div>	
	
	</div>
  </div>
  
<!-- .. закрытое div-ов разметки модального окна </div></div>.. -->



после успешной отпарвки формы из модального окна у div с id="ec-form-success" появляется динамически созданный дочерний элемент с текстом сообщения в этом же модальном окне:
<div id="ec-form-success">
<div class="alert alert-success" role="alert">
    Ваше сообщение было успешно отправлено. Оно будет опубликовано после одобрения модератором сайта!
</div>
</div>

Инпуты все удаляются из модального окна, а <div class="modal-header">...<h4...><h4> остается с преждним текстом "Оставьте свои контактные данные".

Пытаюсь поймать этот динамически созданный элемент и поменять текст в <div class="modal-header">...<h4...><h4>, но что-то никак не получается.

пробовал так:
$(".modal-header h4").on(function(){
  if($(this).hasClass(".alert-success")){
    $("#myLargeModalLabel").text("Вопрос успешно отправлен!");
    }
});


Прошу подсказать решение.

Заранее, благодарю!

Последний раз редактировалось ozoro, 26.05.2019 в 23:57.
Ответить с цитированием
  #2 (permalink)  
Старый 27.05.2019, 02:19
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от ozoro
$(".modal-header h4").on(function() ....
Эту фантастику выбросить. Нет никакого модального окна, это слой. Ищите обработчик отправления формы, он у вас асинхронный, в его функции выполняемой после окончания запроса, где выводится "Ваше сообщение было успешно отправлено." допишите смену текста у заголовка.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрытие контактной формы после отправки сообщения. maddy Общие вопросы Javascript 2 12.01.2015 07:25
Как добавит в массив элемент после n-ого элемента? hardware Общие вопросы Javascript 2 31.12.2014 11:53
Как сделать disabled кнопки во время отправки формы? Bad Request Events/DOM/Window 7 16.04.2014 13:49
почему не удаляется динамически созданный элемент? magistr_bender Элементы интерфейса 5 15.09.2008 19:52
Как передать элемент в функцию после createElement Oleg NT Общие вопросы Javascript 3 23.06.2008 02:11