手機頁面a標籤無效?
01-29
我做的頁面,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&
$(".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 布局
※中國有沒有做的比較好的響應式設計的門戶網站?