Есть блок изначально скрытый display:none, по клику input:radio, появляется button который находится статично в html. По нажатию его он удаляет input:radio и генерирует новые с помощью jquery .append("верстка"). Есть ф-ция:
поместил .hide(), чтобы скрыть button по нажатию input:radio
Далее при нажатии на input:radio пытаюсь показать button .show(), но он не показывается :(
ps может это связано с тем, что новые генерируемые элементы не можно обрабатывать на события и их не видно в DOM? (предположения)
Generated(){
var bodyAnswer = "<div class='col-md-" + sizeCol + " text-center'>" +
choice +
"<br><img class='img-responsive rounded' src=" + img + "><br>" +
"<input class='radio-btn' name='answer' value='question" + i + "' type='radio'>" +
"</div>";
answerBox.append(bodyAnswer);
}
Clear(){
удаляет блоки, которые не надо
$(".btn-box").hide(); //скрываю кнопку
}
$(".radio-btn").on("click",function() {
$(".btn-box").show();
});
$(".btn-next").on("click",
function() {
$(".btn-box").hide();
Clear();
currentQuestion++;
Generated();
Up();
}
);
<div class="btn-box">
<button id="next" class="btn-next">Следующий вопрос</button>
</div>
</div>
.btn-box{
display:none;
}
