關(guān)于微信中a鏈接無法跳轉(zhuǎn)問題
【問題】
微信頁面開發(fā)時,各個主頁之間的跳轉(zhuǎn),完全是通過a鏈接進(jìn)行的,但是來回跳轉(zhuǎn)幾次,再次從其他主頁面跳回首頁的時候,微信頭部出現(xiàn)了跳轉(zhuǎn)加載進(jìn)度條,但是就是不跳轉(zhuǎn),也沒有任何反應(yīng)
【范圍】
只出現(xiàn)在微信內(nèi)置瀏覽器上
【解決方法】
只要在原本跳轉(zhuǎn)的鏈接后面帶上任意一個參數(shù),即:
<a >百度一下</a>
變成
<a >百度一下</a>
【注】參數(shù)love可以是任意的,隨個人喜好
PS:微信中a鏈接失效問題
例子1:
<a href="tel:400-4000-0000" >XXX</a>
這個a標(biāo)簽里的href調(diào)用的是手機(jī)號碼。當(dāng)點(diǎn)擊這個a標(biāo)簽的時候則彈出是否撥打該號碼的提示。在手機(jī)瀏覽器中使用是沒有任何問題的,但在微信中,在安卓系統(tǒng)手機(jī),微信5.0.1以上版本時該標(biāo)簽就失效了。(最新的微信版本是否解決了這個問題目前還不清楚)。這種情況下,將:
<a href="tel:400-4000-0000" >XXX</a>改為
<a link="tel:400-4000-0000" >
則可以解決部分安卓機(jī)型,(但不是全部的),有些機(jī)型依然不行。這個和微信客戶端有關(guān)。目前沒有找到滿意的解決辦法。
當(dāng)a連接跳轉(zhuǎ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獲得頁面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04面試判斷元素是否在可視區(qū)域中IntersectionObserver詳解
這篇文章主要為大家介紹了判斷元素是否在可視區(qū)域中IntersectionObserver面試詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03