В основном то, что я делаю здесь, проходит через divs/questions со следующей стрелкой. Когда все вопросы будут выполнены. Следующая стрелка исчезает, и в этой же стрелке появляется ссылка. В настоящее время он работает с точки зрения прокрутки вопросов и исчезновения стрелок и т. Д. Однако ссылка на Google не работает.Как получить ссылку на изображение?
var actual = 0; // select by default the first question
$(document).ready(function() {
var number_of_question = $('.question').length; // get number of questions
$('#link').hide();
$('.question:gt(' + actual + ')').hide(); // Hide unselect questions
$('#nextQ').click(function() {
if (actual < number_of_question - 1) {
changeQuestion(actual + 1); // display select question
}
if (actual === number_of_question - 1){
$('#previousQ').hide();
$('#nextQ').hide();
$('#digit').hide();
$('#ledgend').hide();
$('#question_number').hide();
$('#link').show();
$('#link').html('<a href="http://www.google.com">Google</a>');
document.getElementById("finished").style.backgroundColor="black";
}
});
$('#previousQ').click(function() {
if (actual) {
changeQuestion(actual - 1); // display select question
}
});
});
function changeQuestion(newQuestion) {
$('.question:eq(' + actual + ')').hide(); // hide current question
$('.question:eq(' + newQuestion + ')').show(); // show new question
actual = newQuestion; // memorize actual selection
$('#question_number').html(actual);
}
HTML
<input class="left_arrow1" id="link" type="image" src="images/right_arrow.png">
<input class="left_arrow" type="image" src="images/right_arrow.png" id="nextQ">
<input class="right_arrow" type="image" src="images/left_arrow.png" id="previousQ">
Что вы подразумеваете под "не работает"? –
Что такое элемент '# link' - можете ли вы разместить какой-либо HTML-код – Shai
Является ли это даже во втором заявлении if? Вы должны протестировать с помощью console.log, чтобы узнать, для чего установлено значение 'actual' в начале $ ('# nextQ'). Click (function() {}). –