Я настраиваю тест, в котором я могу выбрать количество вопросов для заполнения по php.
Когда последний вопрос очищен, отображается новый контент.
Но я бы хотел отобразить его только при нажатии одной из кнопок.
Поскольку кнопки заполнены php, я не могу использовать собственный идентификатор.
Поэтому я хотел бы вызвать событие (всплывающее окно), если нажата одна из кнопок, и остановить событие, отображающее следующий контент.
К сожалению, я не могу этого достичь.
Пытался использовать event.propagation, но мои знания в области кодирования настолько низки, что я даже не знаю, что я делаю.
$(document).on("click", "#q3a2", function newPopup(url) {
popupWindow = window.open(
"./gluck.html",'popUpWindow','height=10vh,width=auto,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
});
if ($(".questionStep").length <= 0 ) {
$("#Box1").hide();
$("#NewContent").show();
}
<div id="Box1" class="cearfix" style="">
[…]
<article id="step3" class="questionStep clearfix" data-step="3" style="">
<button onclick="scrollToTop()" class="stepButton yesBtn s3" data-step="3" id="q3a1">Yes</button>
<button onclick="scrollToTop()" class="stepButton yesBtn s3" data-step="3" id="q3a2">No</button>
</article>
</div>
В данный момент я могу открыть окно, но отображается новое содержание. Я бы хотел, чтобы он оставался скрытым до тех пор, пока не нажмете q3a1.
Спасибо