关于数据绑定的小问题？

<!-- taget --> <div id="tb1">&l优艾设计网_设计t;/div> <div id="tb2"></div> <div id="tb3"></div> <!-- box --> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div>

问题：点击tb显示对应的box 怎么写？
还有就是box里面的数据比较多的话，需要怎么加载？？

---

MissCathZ 2022-06-17 06优艾设计网_PS交流:18

可以用div把target和box分别包起来，然后这样绑定点击事件。

---

duxinxin 2022-06-17 06:23

如果box里面数据多，加载慢，可以切换的时候先放一个转圈的加载动画，数据加载成功后隐藏优艾设计网_Photoshop交流动画。

---

alieenwang2012 2022-06-17 06:32

默认请求第一个选择tab1的接口，后面点击那个tab就请求优艾设计网_Photoshop论坛对应的接口，假如有3个tab就搞接口api比较好。

---

kaokaokao_503 2022-06-17 06:34

http://www.w3cmark.com/demo/d... 把事件换成 click 就行了，实际就是切换显示隐藏，所有的 dom 在首屏已经全部加载了，数据量过大的话可以在具体的box里实现分页加载或者监听滚动优艾设计网_PS交流事件加载，

---