當時客戶的需求是:如果這本書所讀人數等於或少於12人則隱藏
,反之,點擊查看全部顯示全部的已讀本書的用戶,並且下拉標識變成
。

當時我的思路是:1、要實現一個可以重用的代碼
2、找關鍵ID,因為是要顯示每本書所讀的人數,通過書本的id來操作要顯示的人數。
3、查看全部標識為1,收起標識為0 都是a標簽。當點擊查看全部時,通過傳入1 和 書本id,來進行操作。這里的ul的id和a標簽和都是采用的有規律性的命名 如pimg+書本id,這樣在寫操作函數時,我只要傳入書本id就可以操作與之對應ul下的所有用戶。

再此之前我寫了一個方法傳入的ul的id能夠實現一進界面就自動判斷顯示每本書對應的的前12位已讀用戶。但是點擊 查看全部是就不起作用了!!!!!!!!!!代碼如下:

仔細檢查,發現之所以點擊函數personSwitch(shortdescFlag,imgId)不起作用,是因為,在進界面時已經執行了
所以不管已讀用戶是否超過12位,在頁面上顯示的數據已經被我!截!斷!了!所以我再去調用點擊函數時personSwitch()的時候獲取的li的個數就永遠都是<=12。所以我這個方法不行!!我也想過在截取前12位數據的同時截取12后面的數據,在點擊事件里將兩者在合並。但是還是不行,可能我的思路是對的,但是我實現的時候方式用錯了/(ㄒoㄒ)/~~
后來我從新整理了思路,變成了這樣:

這次用的不是截取的思路,而是用CSS的display來實現顯示隱藏。這樣子就能夠實現上方圖片所示效果。
可能還有很多問題,如果有疑問或者指點,非常歡迎評論~~~初學者參上!!!!!
