手機頁面a標籤無效?

我做的頁面,PC端a標籤無問題,但切換成手機端就無法點擊跳轉,這是什麼原因?


我這是pc端chrome手機模擬有問題,手機上沒問題。。。。怎麼破


關注一下,表示做過好多,沒遇到這個問題


建議你使用chrome的emulator模式測試一下頁面,有一點提醒你一下:在移動端,手指點擊一個元素,會經過:touchstart --&> touchmove -&> touchend --click。


如果用了iscroll的話,iscroll對象加個click : true


出現模擬器和手機不一致的情況,即PC可以而移動不行(或者反之),一般是由於解析度不同,元素位置發生了變化,導致有透明元素意外覆蓋了a標籤,並攔截了click事件。


var href=document.getElementsByTagName("a");

for(var i=0;i& href[i].ontouchend=function(){

window.location.href=this.getAttribute("href");

}

};


$(".xx").click(function(){

window.location.href="網站鏈接";

})


preventDefault: false 是這個,我測試過這里的方法,發現,都不能結局,解決辦法是。用data-href 和js配合。


今天遇到同樣的問題,在如此結構中&&註冊& | &登錄&&,微信無法點擊,然後給每個a標籤都套了個span容器解決了。

&&&註冊&& | &&登錄&&&,不知道為啥會醬


今天也遇到同樣問題 已解決 方法是&的href結尾加『?XXX』 XXX代表隨便什麼字元

這個問題原因是安卓 微信 內置瀏覽器 &標籤無法跳轉

原帖:關於微信中a鏈接無法跳轉問題_javascript技巧_腳本之家


問下,你最後怎麼解決的


我現在也遇到這個問題了,大哥 ,你怎麼破的這個問題啊 ,救急,謝謝,我QQ 461551789


同問,希望有大神詳細解析一下


可以在touchend里判斷touchstart時的坐標和當前當前的坐標是不是一致,一致說明是點擊 。window.location.href 跳轉


綁定了js代碼吧,如果想調試要麼用桌面瀏覽器模擬手機瀏覽器,或者如果使用chrome的話可以用桌面chrome通過數據線調試手機chrome


簡單明了,在CSS里給a標籤加

cursor:pointer;


加一個target=「_blank」試試


推薦閱讀:

CSS選擇符總結
關於CSS[可能]沒人知道的3件事
content"width=640,user-scalable=no" 然後再進行固定尺寸的px設計?
30 分鐘學會 Flex 布局
中國有沒有做的比較好的響應式設計的門戶網站?

TAG:前端開發 | CSS | HTML5 | CSS3 | 前端工程師 |