<!-- taget --> <div id="tb1"></div> <div id="tb2"></div> <div id="tb3"></div> <!-- box --> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div>
問題:點擊tb顯示對應(yīng)的box 怎么寫?
還有就是box里面的數(shù)據(jù)比較多的話,需要怎么加載??
可以用div把target和box分別包起來,然后這樣綁定點擊事件。
如果box里面數(shù)據(jù)多,加載慢,可以切換的時候先放一個轉(zhuǎn)圈的加載動畫,數(shù)據(jù)加載成功后隱藏動畫。
默認(rèn)請求第一個選擇tab1的接口,后面點擊那個tab就請求對應(yīng)的接口,假如有3個tab就搞接口api比較好。
http://www.w3cmark.com/demo/d... 把事件換成 click 就行了,實際就是切換顯示隱藏,所有的 dom 在首屏已經(jīng)全部加載了,數(shù)據(jù)量過大的話可以在具體的box里實現(xiàn)分頁加載或者監(jiān)聽滾動事件加載,