带tab栏上拉加载

HTML结构,对应上面的三个种类 


点击上面的盒子,对应显示下面的盒子,其他兄弟元素隐藏。这种写法比较适合类目少的情况使用。

类目多的话,建议下面用一个盒子。点击就获取点击元素的id,在发送请求获取相应的数据就好

下面贴点击tab栏展示对应的盒子,

我这里上拉加载用jq插件,这个插件第一次进入页面会自动加载一次



调用dropload方法,把ajax请求协助里面


这里只列了点击之后的请求

页面进来之后,显示的盒子应该先请求一次,也就是不点击的情况下。

所以在上面先调用一次dropload就好啦,

下面再根据逻辑来加载。

PS:ajax方法封装后使用会比较简洁,直接传参,代码就没有那么长啦

你可能感兴趣的:(带tab栏上拉加载)