本文首發於微信公衆號："算法與編程之美"，歡迎關注，及時瞭解更多此係列文章。
前言
側滑是一個非常實用的選項組件，它在Android App應用中非常廣泛，常見的場景有：下拉刷新，側滑抽屜，側滑刪除，側滑返回以及側滑菜單等。就是因爲側滑應用太過於廣泛，它所帶來的問題也是應接不暇。
問題描述
在實際操作過程中，實現側滑菜單帶來了那麼一個問題，側滑菜單已經實現，但是側滑導航的子選項卡里的內容要如何實現跳轉，通常想到的辦法便是建立<a>標籤選項卡進行herf的添加進行跳轉，在一般情況下，我們當然可以利用a標籤herf的跳轉，但是那是大多數情況，在實際操作中，這種情況還經常發生，並且很少有解決的方法，所以小編在此便是通過這篇文章進行幫助解決。
解決方案
我們知道MUI提供兩種側滑導航實現：div模式和webview模式
Webview模式是根據單獨的菜單框架填寫內容，它所構成的菜單是一個獨立菜單區域並且webview模式下的菜單區域不會影響主菜單的內容，滑動的實用性非常高
div模式則是根據主頁面來創建的一個菜單區域，它和主頁面都同時處於一個webview中，所以它是可以拖動手勢進行切換到菜單區域，並且可以通過JS輕鬆實現交互。
那麼本篇文章便是針對div模式下的側滑菜單進行解決，創建一個側滑導航區域。
我們上面提到div模式下側滑菜單可以通過JS實現交互，那麼這裏的側滑導航內容便可以利用JS解決<a>標籤無法通過herf實現跳轉。（同時在網上查找到另一種方法也可實現.）
具體代碼如下：
方法一：mui('body').on('tap','a',function(){ 方法二：mui('#menu').on('tap','li a',function(){ // 獲取地址 var href = this.getAttribute('href'); mui.openWindow({ id: 'new', url: href }) }) |
結語
在一般瀏覽器運行時，MUI判斷到沒有plus環境，herf可以用做跳轉，但是在實際的Android App運行中，就不能，所以可以通過以上的JS實現，同時需要注意：JS代碼放在boby內容的下方纔能實現。
實習編輯：衡輝
稿件來源：深度學習與文旅應用實驗室（DLETA）
本文分享自微信公衆號 - 算法與編程之美（algo_coding）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。