DIV CSS 佈局教程網

【問題】

微信頁面開發時，各個主頁之間的跳轉，完全是通過a鏈接進行的，但是來回跳轉幾次，再次從其他主頁面跳回首頁的時候，微信頭部出現了跳轉加載進度條，但是就是不跳轉，也沒有任何反應

【范圍】

只出現在微信內置浏覽器上

【解決方法】

只要在原本跳轉的鏈接後面帶上任意一個參數，即：

復制代碼 代碼如下:
<a href="http://www.baidu.com">百度一下</a>

變成

復制代碼 代碼如下:
<a href="http://www.baidu.com?love">百度一下</a>

【注】參數love可以是任意的，隨個人喜好

PS:微信中a鏈接失效問題

例子1：

復制代碼 代碼如下:
<a href="tel:400-4000-0000" >XXX</a>

這個a標簽裡的href調用的是手機號碼。當點擊這個a標簽的時候則彈出是否撥打該號碼的提示。在手機浏覽器中使用是沒有任何問題的，但在微信中，在安卓系統手機，微信5.0.1以上版本時該標簽就失效了。（最新的微信版本是否解決了這個問題目前還不清楚）。這種情況下，將：

復制代碼 代碼如下:
<a href="tel:400-4000-0000" >XXX</a>改為
<a link="tel:400-4000-0000" >

則可以解決部分安卓機型，（但不是全部的），有些機型依然不行。這個和微信客戶端有關。目前沒有找到滿意的解決辦法。

當a連接跳轉的首頁的問題

阻止a的跳轉

$(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');
});