99插插插,亚洲伦理中文在线,站长推荐一二三区欧美,青青草在线导航

3.5 最新打開(kāi)的頁(yè)簽突出顯示

 

突出顯示的樣式我們可以設(shè)置頁(yè)簽中形狀的“選中”樣式來(lái)實(shí)現(xiàn)，如果是當(dāng)前點(diǎn)擊的菜單對(duì)應(yīng)的頁(yè)簽，就將其設(shè)置為選中，以激活其選中樣式。那么問(wèn)題來(lái)了，什么時(shí)候設(shè)置頁(yè)簽中形狀的選中呢?又如何知道該設(shè)置那個(gè)頁(yè)簽的?

 

這個(gè)問(wèn)題可簡(jiǎn)單可復(fù)雜，簡(jiǎn)單的情況就是，我們只考慮點(diǎn)擊菜單或者點(diǎn)擊頁(yè)簽切換顯示的時(shí)候，點(diǎn)擊哪個(gè)菜單或頁(yè)簽，對(duì)應(yīng)的頁(yè)簽就選中，只要通過(guò)菜單和頁(yè)簽的id進(jìn)行判斷就可以。但是，還有一種復(fù)雜的情況要考慮，那就是，如果關(guān)閉了一個(gè)選中狀態(tài)的頁(yè)簽該怎么辦呢?剩余的頁(yè)簽該讓誰(shuí)處于選中狀態(tài)呢?顯然前面的解決方案是沒(méi)有辦法解決這一問(wèn)題的，我們還需要從長(zhǎng)計(jì)議。

 

尋找這個(gè)問(wèn)題的解決方案時(shí)，讓我走了不少?gòu)澛?，嘗試了N種方式，有的根本行不通，有的表面行得通但時(shí)不時(shí)的會(huì)出現(xiàn)失靈的情況，不過(guò)幸運(yùn)的是，最終還是找到了一種完美的解決方案。方案如下：

 

首先，點(diǎn)擊菜單或者頁(yè)簽時(shí)，以此記錄其id形成id串，比如[id1][id2][id3][id4]這樣，但根據(jù)后面的實(shí)踐經(jīng)驗(yàn)得知，記錄的順序需要按照從后往前的順序，即最新點(diǎn)擊的菜單或頁(yè)簽的id放在最前面。

 

然后，在“頁(yè)簽”中繼器的每項(xiàng)加載時(shí)，判斷當(dāng)前頁(yè)簽的id是否等于id串最前面的那個(gè)id，如果是就選中，如果不是就不做任何操作。如果最前面的id被刪除了(關(guān)閉頁(yè)簽的時(shí)候)，那么第2個(gè)id(也就是上個(gè)頁(yè)簽)就變成了最前的，從而也解決了關(guān)閉頁(yè)簽時(shí)，可以使上一個(gè)頁(yè)簽突出顯示的問(wèn)題。

 

具體到原型中，需要?jiǎng)?chuàng)建兩個(gè)全局變量“id”和“ids”，id用來(lái)記錄當(dāng)前id，ids用來(lái)記錄id串，然后在菜單和頁(yè)簽的“鼠標(biāo)單擊時(shí)”事件中增加更新ids的動(dòng)作。最后在“頁(yè)簽”中繼器的每項(xiàng)加載時(shí)執(zhí)行判斷并設(shè)置選中。

 

以上就是小編對(duì)于網(wǎng)站建設(shè)后臺(tái)的多頁(yè)簽功能怎么使用的解答。