При повторном запуске popup, внутри окна запускается несколько раз alert как удалять процессы при закрытии окна?

Question

[Альберт Ушаков]

Делаю приложение на FrameWork7, вышла проблема.
Я добавляю код окна popup в html и запускаю его через js
app.popup.open('.popup');
Внутри этого окна есть кнопка button на которое повешено событие на нажатие, в котором происходит отправка post через
app.request...
И после отправки выходит уведомление
app.dialog.alert('Текст сообщения');
После нажатия выходит окно уведомления, жму ОК и закрываю окно popup
app.popup.close('.popup');
При повторном запуске этого окна и нажатии на ту же кнопку, уведомление появляется 2 раза. И так далее, чем больше открываешь окно тем больше октрывается и уведомлений.
Помогите пожалуйста, я никак не могу понять куда думать. Вроде сами окна ведь удаляются со страницы.

Answer 1

[Сергей]

Покажите минимальный пример кода на jsfiddle, который содержит ошибку. Но судя по вашему коду "app....." вы пишите не используя все ту мощь, что дает Framework7 при работе со страницами: https://framework7.io/docs/router-component.html

Comments

[Альберт Ушаков]

Например вот:
Проблема тут не в самом событии а как я заметил, повтор происходит после того как я отправлю запрос и после закрою окно popup. Наверное структура вообще всей страницы не правильная раз старое событие будто висит? Или как то нужно его удалять, после отправки чтобы обнулялось деологовое окно.

$$('.form-to-option-service').on('click', function(){
		app.dialog.confirm('Применить изменения?', function () {
				var i = 0,
				yourArray_service = [],
				item_option = {};
				item_option['id'] = id_service;
				$$('#option-service-form').find('input, textarea, select').each(function() { 
				
				item_option[this.name] = this.value;
				i++;
			});
			yourArray_service.push(item_option);
			app.request({
				  url: url_link + 'option-service.php',
				  dataType: 'json',
				  data: JSON.stringify(yourArray_service),
				  method: "POST",
				  success: function(response2) {
					  if(response2['json'] == 'error'){
						  app.dialog.alert('Такой задачи нету', 'Ошибка');
						 
					  }else{
						  	home_load();
							return false;
					}	  
				  },
				  error: function(){
					  app.dialog.alert('Повторите попытку позже.', 'Ошибка при отправке');
				  }
			  }); 
		});
	});

[Сергей]

Альберт Ушаков, вы вешаете событие скорее всего дважды тут:
$$('.form-to-option-service').on('click'

Работайте с попапом как https://framework7.io/docs/router-component.html вы получите всю мощь фреймворка, код будет аккуратно собран в одном месте и в нем будет проще ориентироваться

[Альберт Ушаков]

Сергей, А можно как то повесить событие на открытие app.dialog.confirm не как у меня? То есть жмешь кнопку, открывается это окно и только после нажатия ОК, отправляется пост запрос.

[Сергей]

https://framework7.io/docs/router-component.html#c... тут в первом примере показывается, как вешать обработчики