1. 程式人生 > >蘋果手機左上角按鈕返回不刷新

蘋果手機左上角按鈕返回不刷新

page 必須 按鈕 刷新 底部導航 跳轉 丟失 返回 切換

在實際項目中,點擊底部導航,跳轉到不同的頁面,而且相對應的按鈕加active 類名,改變其背景圖

pc, 安卓返回都木有問題,但是蘋果手機左上角點擊返回按鈕時出現active不會切換和從上一頁返回後需要改變的底部背景圖丟失問題

技術分享技術分享

感覺是蘋果手機復用了之前的頁面,而沒有刷新頁面,也不再重新加載js

解決方案: a 在點擊的a 的鏈接最後加#wechat_redirect 這樣圖片資源會重新加載, 但是active還是麽有切換

     b 在頁面上加下面代碼,將返回後必須加載的js放進去

window.onpageshow=function(e){
    if(e.persisted) {
         console.log(‘aa‘)
    }
};

  最後一條感覺比較重復,有更好的方法請指教,共同進步, 謝謝!!




蘋果手機左上角按鈕返回不刷新