为了账号安全,请及时绑定邮箱和手机立即绑定

$.ajax获取数据后如何按这个规则排列?

$.ajax获取数据后如何按这个规则排列?

白衣染霜花 2018-10-11 14:15:14
流程通过$.ajax获取,需要按照图中样式进行排列,奇数列从左至右,偶数列从右往左。有哪些方法可以做到?支持css3、jquery、js
查看完整描述

1 回答

?
皈依舞

TA贡献1851条经验 获得超3个赞

这个问题理解为布局问题,与 Ajax 无关。

渲染布局主要包括两个函数 renderRow 与 renderItem 分别表示渲染行,渲染行中的一个流程块,下面分析它们各自的职责要点:

renderRow

  1. 循环渲染行容器,根据奇偶输出左箭头/右箭头

renderItem

  1. 循环渲染单个流程块

  2. 判断是否是当前流程,若是,渲染相应样式

  3. 奇行 && 该行最后一个 && !最后一步流程,则在其下方渲染下箭头

  4. 偶行 && 该行第一个 && !最后一步流程,则在其下方渲染下箭头

  5. 若是该行最后一个,则右边不渲染 左/右箭头

基本上需要注意的就这些,仔细思考下不难实现


查看完整回答
反对 回复 2018-11-09
  • 1 回答
  • 0 关注
  • 653 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号