<form class="answers" method="post" action="path/to/action">
<input type="hidden" name="score">
<a id="1" class="answer wrong" href="#1">Ферменты</a>
<a id="2" class="answer correct" href="#1">Витамины</a>
<a id="3" class="answer wrong" href="#1">Микроэлементы</a>
<a id="4" class="answer wrong" href="#1">Гормоны</a>
</form>$('.correct').click(function(){
if ('юзер убрал два ответа') {
$('input').val(1)
} else {
$('input').val(2)
}
$('.correct-modal').toggleClass('open');
return false;
})$('.go').click(function(){
$('form').submit();
return false;
})одна страница - один вопрос, всего 10 страниц
где изучить js
Как в js создать @keyframe
2-ая начала выполняться только тогда, когда первая закончилась?
Если использовать один только $.getScript('script/Forms.js'), то не работает
То есть сначала в dom должна произойти загрузка html элемента, а только потом вешается обработчикда
.super-block не существует в dom, более того этот обработчик не повесится даже после того как .super-block будет вставлен в dom, например через ajax, в этом случае нужно либо заного инициалировать обработчик после вставки .super-block в dom, либо использовать делегирование событий.$('button').click(function() {
$.ajax({
method: 'get',
url: '/get-menu-form/',
success: function(menuHTML) {
$('.whatever').html(menuHTML).promise().done(function() {
var script = window.document.createElement('script');
script.src = '/path/to/form.js';
script.async = false;
$('body').append(script);
})
}
})
})$().on(). при нажатии на кнопку, ajax'ом грузите разметку с формой и вставляете её в нужное место. всё. из-за делегирования форма будет реагировать на нажатия клавиш.