白衣染霜花
2018-10-11 14:15:14
流程通過(guò)$.ajax獲取,需要按照?qǐng)D中樣式進(jìn)行排列,奇數(shù)列從左至右,偶數(shù)列從右往左。有哪些方法可以做到?支持css3、jquery、js
1 回答

皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
這個(gè)問(wèn)題理解為布局問(wèn)題,與 Ajax 無(wú)關(guān)。
渲染布局主要包括兩個(gè)函數(shù) renderRow
與 renderItem
分別表示渲染行,渲染行中的一個(gè)流程塊,下面分析它們各自的職責(zé)要點(diǎn):
renderRow
:
循環(huán)渲染行容器,根據(jù)奇偶輸出左箭頭/右箭頭
renderItem
:
循環(huán)渲染單個(gè)流程塊
判斷是否是當(dāng)前流程,若是,渲染相應(yīng)樣式
奇行 && 該行最后一個(gè) && !最后一步流程,則在其下方渲染下箭頭
偶行 && 該行第一個(gè) && !最后一步流程,則在其下方渲染下箭頭
若是該行最后一個(gè),則右邊不渲染 左/右箭頭
基本上需要注意的就這些,仔細(xì)思考下不難實(shí)現(xiàn)
添加回答
舉報(bào)
0/150
提交
取消