javascript - 用jquery分页div页面

Question

使用这个脚本，我尝试在 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

标签： javascriptjqueryslider