Грамотная организация работы попапов
 

На сайте есть порядка десятка попапов информационных, с уведомлением("Ок"), с подтверждением("Да", "Нет"). Сейчас для каждого попапа создается html, всё это тупо хайдится и появляется тогда, когда нужно. Доходит до абсурда, что даже любая маленькая страничка содержит в себе с десяток скрытых попапов, что не есть гуд. Есть мысль сделать генерацию попапов на лету с помощью JQuery .append(html) и вешать callback на это дело, в котором на кнопки попапа ("Да", "Нет", "Ок") будут вешаться обработчики.

В целом такой подход меня бы устроил, но что-то смущает, мне кажется, это не best practices.
Можно придумать что-нибудь еще? Как вообще грамотно организовать работу попапов?

Если все окна однотипны, как вариант, можно сделать одно пустое окно-заготовку.
Потом по мере надобности просто вставлять в контейнер нужный текст и активировать нужный набор кнопок...
Т.о. у тебя будет 1 окно на все случаи жизни.