2016-11-04 11:48发布
<!-- 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显示对应的box 怎么写？还有就是box里面的数据比较多的话，需要怎么加载？？
http://www.w3cmark.com/demo/d... 把事件换成 click 就行了，实际就是切换显示隐藏，所有的 dom 在首屏已经全部加载了，数据量过大的话可以在具体的box里实现分页加载或者监听滚动事件加载，
可以用div把target和box分别包起来，然后这样绑定点击事件。
默认请求第一个选择tab1的接口，后面点击那个tab就请求对应的接口，假如有3个tab就搞接口api比较好。
如果box里面数据多，加载慢，可以切换的时候先放一个转圈的加载动画，数据加载成功后隐藏动画。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 fengxiaocai 的问题《关于数据绑定的小问题》','https://wenda.whatsns.com/q-304859.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
http://www.w3cmark.com/demo/d... 把事件换成 click 就行了，实际就是切换显示隐藏，所有的 dom 在首屏已经全部加载了，数据量过大的话可以在具体的box里实现分页加载或者监听滚动事件加载，
可以用div把target和box分别包起来，然后这样绑定点击事件。
默认请求第一个选择tab1的接口，后面点击那个tab就请求对应的接口，假如有3个tab就搞接口api比较好。
如果box里面数据多，加载慢，可以切换的时候先放一个转圈的加载动画，数据加载成功后隐藏动画。
一周热门 更多>