關(guān)于微信中a鏈接無(wú)法跳轉(zhuǎn)問(wèn)題
【問(wèn)題】
微信頁(yè)面開發(fā)時(shí),各個(gè)主頁(yè)之間的跳轉(zhuǎn),完全是通過(guò)a鏈接進(jìn)行的,但是來(lái)回跳轉(zhuǎn)幾次,再次從其他主頁(yè)面跳回首頁(yè)的時(shí)候,微信頭部出現(xiàn)了跳轉(zhuǎn)加載進(jìn)度條,但是就是不跳轉(zhuǎn),也沒有任何反應(yīng)
【范圍】
只出現(xiàn)在微信內(nèi)置瀏覽器上
【解決方法】
只要在原本跳轉(zhuǎn)的鏈接后面帶上任意一個(gè)參數(shù),即:
<a >百度一下</a>
變成
<a >百度一下</a>
【注】參數(shù)love可以是任意的,隨個(gè)人喜好
PS:微信中a鏈接失效問(wèn)題
例子1:
<a href="tel:400-4000-0000" >XXX</a>
這個(gè)a標(biāo)簽里的href調(diào)用的是手機(jī)號(hào)碼。當(dāng)點(diǎn)擊這個(gè)a標(biāo)簽的時(shí)候則彈出是否撥打該號(hào)碼的提示。在手機(jī)瀏覽器中使用是沒有任何問(wèn)題的,但在微信中,在安卓系統(tǒng)手機(jī),微信5.0.1以上版本時(shí)該標(biāo)簽就失效了。(最新的微信版本是否解決了這個(gè)問(wèn)題目前還不清楚)。這種情況下,將:
<a href="tel:400-4000-0000" >XXX</a>改為
<a link="tel:400-4000-0000" >
則可以解決部分安卓機(jī)型,(但不是全部的),有些機(jī)型依然不行。這個(gè)和微信客戶端有關(guān)。目前沒有找到滿意的解決辦法。
當(dāng)a連接跳轉(zhuǎn)的首頁(yè)的問(wèn)題
阻止a的跳轉(zhuǎn)
$(document).on("click","a",function (event){ event.preventDefault(); if ($(event.target).attr("href")){ location.href = $(event.target).attr("href"); } else { location.href = $(event.target).parent().attr("href"); } } );
隱藏微信工具條
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){ WeixinJSBridge.call('hideToolbar'); });
相關(guān)文章
JavaScript獲得頁(yè)面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁(yè)面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04淺談js中同名函數(shù)和同名變量的執(zhí)行問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談js中同名函數(shù)和同名變量的執(zhí)行問(wèn)題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02基于zepto.js簡(jiǎn)單實(shí)現(xiàn)上傳圖片
這篇文章主要介紹了基于zepto.js簡(jiǎn)單實(shí)現(xiàn)上傳圖片的相關(guān)資料,需要的朋友可以參考下2016-06-06面試判斷元素是否在可視區(qū)域中IntersectionObserver詳解
這篇文章主要為大家介紹了判斷元素是否在可視區(qū)域中IntersectionObserver面試詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)。這個(gè)功能原理是很簡(jiǎn)單的,就是一個(gè)DIV遮蓋當(dāng)前頁(yè)面,然后Loading就在遮蓋DIV層上展示出來(lái)2013-11-11