Question

使用这个脚本我尝试用内容显示div内的页面，并且每次移动并且人们想要看到一些页面，可以点击数字页面并加载，问题实际上是当人们点击数字页面时，显示更多共1页，而不显示页码

在这里测试：

<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

用jquery分页div页面

0 个答案: