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屬性就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM