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屬性就可以了。
轉載于:https://www.cnblogs.com/mengfei001/p/6811475.html
總結
以上是生活随笔為你收集整理的mui框架之a标签无法跳转的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (022)[工具软件]图片浏览 JPEG
- 下一篇: 使用netstat命令查看端口的使用情况