С помощью этого сценария я пытаюсь показывать страницы внутри элементов div с содержимым и перемещаться каждый раз, когда люди хотят видеть какую-то страницу, могут щелкнуть страницу с цифрой и загрузить, проблема в том, что когда люди нажимают на страницу с цифрой, показать больше1 страницы, и не показывает номер страницы
ТЕСТ ЗДЕСЬ:
https://jsfiddle.net/2mvek66f/
<script>
var total_pages=3;
pg=0;
function gopage(num_page)
{
jQuery(".page"+num_page).fadeIn(1000);
pg=num_page;
}
function init_pages()
{
jQuery(".page"+pg).fadeIn(1000,function(){auto_pages();});
}
function auto_pages()
{
jQuery(".page"+pg).fadeOut(1000,function(){init_pages();});
pg ++;
if(pg>=total_pages)
{
pg=0;
}
}
</script>
HTML-кодС СТРАНИЦАМИ
Pages:
<div class="page0" style="position:relative;width:200px;height:200px;margin:auto;background-color:red;display:none;"></div>
<div class="page1" style="position:relative;width:200px;height:200px;margin:auto;background-color:green;display:none;"></div>
<div class="page2" style="position:relative;width:200px;height:200px;margin:auto;background-color:blue;display:none;"></div>
<script>
init_pages();
</script>
<br>
<span onclick="gopage(0);">1</span>
<span onclick="gopage(1);">2</span>
<span onclick="gopage(2);">3</span>
Когда люди переходят по ссылкам в нижнем колонтитуле, «gopage» должен загружать div выбора, но на самом деле проблема во многих случаях заключается в том, что при нажатии на пагинациюномер, показать больше div и не выбран div