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屬性就可以了。
相關推薦
mui框架之a標籤無法跳轉的問題
最近在mobile的專案中用到了mui前端框架,自己先學習了一下,感覺功能挺全,因為要開發m站,就選擇用了mui的前端h5的框架,由於是第一次用到,難免會踩坑。 要實現這樣一個產品的列表,由於要分頁,就很自然想到了用上拉載入的效果,mui的上拉載入是用兩個頁面實現的
移動端a標籤無法跳轉
for(var i=0;i<href.length;i++){ href[i].ontouchend=function(){ window.location.href=this.getAttribute("href"); } };
解決MUI阻止a標籤預設跳轉事件—方法總結
用過mui的小夥伴們一定不會陌生,有時候真的很煩mui本身會阻止a標籤預設跳轉。一般只要用了mui的ui元件,比如頭部,底部或者彈框,你就不能在用a標籤進行跳轉了。 注:專案中引用了mui後,可能也會遇到,html程式碼中未引用mui的元件程式碼段,但依然會導致a標籤預設跳轉失效的問題(mui一般用
mui 的小坑 上拉和下拉重新整理元件會預設阻止a標籤的跳轉
mui在上拉和下拉重新整理元件 如果裡面存了a標籤阻止了a標籤的預設跳轉行為 解決: 1 去修改原始碼,但是過於繁瑣 2 使用js 註冊一個tap 點選事件 用 location.href 進行跳轉 function eventLis
阻止a標籤預設跳轉
<a href="javascript:void(0)">aaa</a> href的作用: 當:前面是http協議時,點選a標籤,會將瀏覽器的位址列切換成href中指定的地址 當:前面是javascript偽協議時,則是告訴瀏覽器接下來要執行javascrip
【前端】動態生成HTML以及a標籤不跳轉問題標記
bookmarksResults.innerHTML += '<div class="well">' + '<h3>' + name +
vue用A標籤實現跳轉地圖並導航
vue用A標籤實現跳轉地圖並導航 this.UserLocation這個為要到達的實際地址: http://m.amap.com/search/mapview/keywords="+this.UserLocation // 高德地圖 http://api.map.baidu.com/
js阻止a標籤預設跳轉
函式: // 阻止預設跳轉 function stopDefault( e ) { if ( e && e.preventDefault ) e.preventDefault(); else
Struts框架之結果頁面的跳轉
1. 結果頁面存在兩種方式 * 全域性結果頁面(有很多時候我們會跳轉到同一頁面,所以我們可以配置一個全域性結果頁面,不管什麼情況都會跳轉到這個頁面) > 條件:如果<package>包中的一些action都返回success,並且返回的頁面都是同一個JSP頁面,這樣就
禁用a標籤的跳轉
一 jquery方法https://www.cnblogs.com/cina33blogs/p/6840917.html二href=“#”href=“javascript:void(0)”<a href="javascript:;">連結一</a>
a標籤不跳轉的幾種實現方式
a標籤不跳轉一共收集了3種方法 1、onclick事件中返回false 不能跳轉的寫法及demo <a href="http://www.baidu.com" onclick="r
點選a標籤不跳轉連結
a標籤已經設定href的情況下不做跳轉動作,直接給a標籤新增一個點選事件就行了。 html程式碼: <div id="hf"> <a href="www.google.cn">
使用mui框架後a標簽無法跳轉
無法 刪除節點 將不 不能 tel tno 刪除 inner bsp 由於最近工作項目上使用到前臺mui框架,筆者在將H5轉換為jsp時,遇見各種各樣問題,原因歸結為對mui框架不熟悉,今天就遇見一個特別奇怪的問題,界面中超鏈接<a>標簽無法跳轉,筆者試著添加點
Vue 中 a標籤上href無法跳轉
問題: 使用vue-router 在IE下 a標籤裡的路由不跳轉,火狐,chrome工作正常。 解決: 在App.vue 裡增加判斷IE瀏覽器手動修復…… export default { na
谷歌Chrome瀏覽器提交表單無效,無法跳轉,a標籤不起作用的解決方案
今天遇到一個坑爹的問題,找了很久才弄清楚原因,在此給廣大網友分享一下解決這個問題的經驗,以便少走彎路。 造成表單form無法提交的原因是,谷歌瀏覽器自作聰明的認為這屬於“重複提交”,於是被谷歌瀏覽
MUI框架a連結href跳轉失效、使用jquery之後click方法失效問題
一、使用jquery之後click方法失效問題 怎麼點都沒效果,還以為我哪裡寫錯了,糾纏了好久,然後發現點邊邊可以有效,只好搜尋了半天關鍵詞,原來:mui框架遮蔽了click方法遮蔽了<a>連結href跳轉(吃多了吧……順便吐槽一下mui的api,做的毫無重點,
前端制作之微信小技巧__避免a標簽跳轉到手機自帶瀏覽器
廣泛 沒有 最大 進行 發送 cli bsp 兼容 效果 隨著微信的越來越大眾化,微信的使用程度也越來越高。隨之,產生了一種新的推廣模式,即微信推廣。在這個微信的大平臺上會衍生出許許多多的推廣手段。而移動前端作為服務於手機用戶的手機網頁技術,也不可避免的加入進來。 一些
canvas上掃碼之在部分安卓機上識別不出,無法跳轉公眾號解決方式
這段時間在做一個分享的頁面,其中有一個步驟就是 1.需要將服務端的幾張圖片合成一張圖片; 2.幾種圖片中包含了二維碼資訊; 3.二維碼的資訊展示在右下角。 合成圖片的過程就是呼叫了canvas的API,程式碼如下: _buildImages(config, callback) {
nginx自定義500,502,504錯誤頁面無法跳轉【轉】
header cli targe head href 錯誤 error tom htm 1、自定一個頁面,這個頁面是一個鏈接地址可以直接訪問的。 以下是nginx的配置: location / { proxy_pass http://tomcat_
關於集成極光IM收到信息無法跳轉的解決辦法
gist ont message pan 集成 eve 信息 font span 首頁oncreate加JMessageClient.registerEventReceiver(this); 必須加上所有的onEvent方法,不然會報錯 關於集成極光IM收到信息無法跳