最近在mobile的項目中用到了mui前端框架,自己先學習了一下,感覺功能挺全,因為要開發m站,就選擇用了mui的前端h5的框架,由於是第一次用到,難免會踩坑。
要實現這樣一個產品的列表,由於要分頁,就很自然想到了用上拉加載的效果,mui的上拉加載是用兩個頁面實現的,一個主頁面,然后內容頁面用iframe加載的,
產品的每一個item點擊是要跳轉到詳情頁面的,剛開始很奇怪,用a標簽包裹每一個item,點擊無法跳轉,后來試了很多方法,用點擊事件代替都不行,后來想到了
用事件委托的方法:很簡單的代碼,廢了不少時間,借此分享一下,希望有所幫助。
mui('body').on('tap','a',function(){ window.top.location.href=this.href; });
加上這段代碼后,a標簽就按照正常的寫法就行,跳轉就加上href屬性就可以了。