1. 程式人生 > >mui框架之a標籤無法跳轉的問題

mui框架之a標籤無法跳轉的問題

最近在mobile的專案中用到了mui前端框架,自己先學習了一下,感覺功能挺全,因為要開發m站,就選擇用了mui的前端h5的框架,由於是第一次用到,難免會踩坑。

要實現這樣一個產品的列表,由於要分頁,就很自然想到了用上拉載入的效果,mui的上拉載入是用兩個頁面實現的,一個主頁面,然後內容頁面用iframe載入的,

產品的每一個item點選是要跳轉到詳情頁面的,剛開始很奇怪,用a標籤包裹每一個item,點選無法跳轉,後來試了很多方法,用點選事件代替都不行,後來想到了

用事件委託的方法:很簡單的程式碼,廢了不少時間,藉此分享一下,希望有所幫助。

mui('body').on('tap','a',function(){ window.top.location.href=this.href; });

 加上這段程式碼後,a標籤就按照正常的寫法就行,跳轉就加上href屬性就可以了。