首頁猿問靜態(tài)列表里點(diǎn)擊上一頁下一頁切換列？

靜態(tài)列表里點(diǎn)擊上一頁下一頁切換列？

Html5 JavaScript JQuery

安靜的沙漠 2016-09-05 12:32:48

[html部分] <div?class="small_dashiji_box"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> </div><div?class="small_dashiji_box"?style="display:none"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> </div><div?class="small_dashiji_box"?style="display:none"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> ????<div?class="small_dashiji"> </div><div?class="yema"> ???????????<span?class="before_page"?id="before_page">上一頁</span> ????????????<ul> ????????????<li>1</li> ????????????<li>2</li> ????????????<li>3</li> ????????????<li>4</li> ????????????<li>5</li> ????????????<div?class="clearfix"></div> ????????????</ul> ????????????<span?class="after_page"?id="after_page">下一頁</span> ????????????<div?class="clearfix"></div> ????????</div><script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script>$('.yema li').click(function () { ? ?var i = $(this).index(); ? ?$(".small_dashiji_box").hide(0) ? ?$(".small_dashiji_box").eq(i).show(0) })</script>

查看完整描述

1 回答

業(yè)余奶茶品鑒師

TA貢獻(xiàn)260條經(jīng)驗(yàn) 獲得超388個(gè)贊

<div?class="small_dashiji_box">
????<div?class="small_dashiji">aaaaa</div>
????<div?class="small_dashiji">aaaaaaaaa</div>
????<div?class="small_dashiji">aaaaaaaaaaaaa</div>
</div>
<div?class="small_dashiji_box"?style="display:none">
????<div?class="small_dashiji">bbbbb</div>
????<div?class="small_dashiji">bbbbbbbb</div>
????<div?class="small_dashiji">bbbbbbbbbbbb</div>
</div>
<div?class="small_dashiji_box"?style="display:none">
????<div?class="small_dashiji">ccccc</div>
????<div?class="small_dashiji">cccccccc</div>
????<div?class="small_dashiji">ccccccccccccc</div>
</div>
<div?class="yema">
?????<span?class="before_page"?id="before_page">上一頁</span>
??????????<ul>
??????????????<li>1</li>
??????????????<li>2</li>
??????????????<li>3</li>
??????????????<li>4</li>
??????????????<li>5</li>
??????????????<div?class="clearfix"></div>
??????????</ul>
????<span?class="after_page"?id="after_page">下一頁</span>
????<div?class="clearfix"></div>
</div>

html改成這樣就可以了。沒有什么大問題。但需要注意div是雙標(biāo)簽。<div></div>成對(duì)出現(xiàn)，你只寫了一半。

望采納

1 反對(duì) 回復(fù) 2016-09-08