在菜鳥上,<a>標籤介紹頁面中提到了錨點的一個用法:php
使用錨跳轉到同一個頁面的不一樣位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不一樣位置( HTML5 不支持 name 屬性)。html
在測試頁面測試跳轉沒有問題,可是拿到實際工做項目的時候就有問題了,id設置了,href也設置了,可是頁面就是不跳轉。html5
我猜想這個是由於項目使用的jquery mobile致使的,而後針對這個開始有目的的搜索。果不其然,jquery mobile真的是集各類坑在一塊兒啊!jquery
先說一下致使這個問題的緣由,在jquery mobile中,默認a標籤是採用了ajax請求的,這就致使非ajax請求的a標籤會出現各類各樣的問題。web
如題就是其中很明顯的一個問題。ajax
還有可能會致使跳轉後的頁面js代碼不執行的問題。(js代碼不執行,也有多是由於js沒有包含在data-role="page"的div中)測試
反正是相似由於jquery mobile而致使的各類坑是各類各樣,數不勝數。。。spa
問題的解決辦法:htm
在a標籤上加上data-ajax="false"或者target="_self",前面的屬性好理解,就是告訴jquery mobile:這個a不是ajax請求的。blog
可是後面那個吧,,說實話,我是看網友給出的一個想法,而後在頁面上試了一下,這樣也是能夠解決標題的這個問題的。
好了,今天就寫這麼多吧,,看看之後能不能找到答案,爲啥第二個也是能夠的呢。。。