选项卡是一种很常用的组件。比如3个选项的选项卡,比较笨的一种办法是,把3个状态写成3个独立页面,互相链接。这样做的问题也显而易见,切换的时候url会变。如果是手机端网页,加载慢一点,给人的感觉是不断的跳网址,加载网页。
选项卡就解决了这个问题,选项卡是在1个页面一次加载,再在这个页面里操作,隐藏显示元素。原生的js实现起来比较麻烦,如果利用jquery,就很简单了。下面是最简单的选项卡。
代码非常简单:
无标题文档
- 选项1
- 选项2
- 选项3
aaaaaaaaaabbbbbbbbbbcccccccccc