Добрый день.
На сайте есть множество блоков с кнопкой при нажатии на которую должен открываться magnific popup с формой.
Что бы не плодить для каждого блока свою форму, решил сделать одну, а через jq подставлять данные для попапа.
Блоков с кнопками много, а форма одна.
Через JQ повесил событие на клик кнопки по которому id с кнопки подставляется в форму и производится открытие уже отформатированной формы.
Реализация:
Html
<a href="#{id_link}" class="kredit-button popup-with-form" style="cursor:pointer;">Оформить</a>
<div class="kredit_popup_form mfp-hide white-popup-block" id="">
<h2>Отправить заявку в банк</h2>
<span></span>
<form class="my-ajax-form">
<input type="hidden" name="form" value="">
<input type="text" name="name" placeholder="Ваше имя">
<input type="text" name="phone" placeholder="Номер телефона" required>
<button>Отправить</button>
</form>
</div>
JQuery
$(window).load(function() {
$(".kredit-button").click(function() { //Событие на клик по кнопке
var buttonForm = $(this).attr("href").slice(1) //Берем идентификатор кнопки который служит id для popup
var formName = $(this).parent("div").prev().find(".short_of_bank").text() //берем название банка соответств. нажатой кнопке
var myForm = $(".kredit_popup_form") //берем нашу форму
myForm.attr('id',buttonForm) //добавляем id для указания ПОПАПу
myForm.find("span").text(formName) //текст в попап
myForm.find("input[name='form']").val(formName) //идентификатор для формы что бы понимать с какой формы заявка
$(".kredit-button").magnificPopup(); //инициализируем magnific popup
});
});
В чем проблема?
При загрузке страницы вся история начинает работать только после одного нажатия на кнопку.
Т.е. заходим на сайт, нажимаем на кнопку и ничего не происходит. После этого если нажимаем еще раз то все работает как нужно.
Пробовал сделать и через отдельную функцию, и принудительное открытие popup.open(), и генерацию формы через js, все равно вся история начинает работать только после того как один раз нажмем на кнопку "Оформить".
Сайт: kredit-kg.com/bishkek/kredit-v-banke/
Help
Простой
