在菜鳥上,<a>標簽介紹頁面中提到了錨點的一個用法:
使用錨跳轉到同一個頁面的不同位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)。
在測試頁面測試跳轉沒有問題,但是拿到實際工作項目的時候就有問題了,id設置了,href也設置了,但是頁面就是不跳轉。
我猜測這個是因為項目使用的jquery mobile導致的,然后針對這個開始有目的的搜索。果不其然,jquery mobile真的是集各種坑在一起啊!
先說一下導致這個問題的原因,在jquery mobile中,默認a標簽是采用了ajax請求的,這就導致非ajax請求的a標簽會出現各種各樣的問題。
如題就是其中很明顯的一個問題。
還有可能會導致跳轉后的頁面js代碼不執行的問題。(js代碼不執行,也有可能是因為js沒有包含在data-role="page"的div中)
反正是類似因為jquery mobile而導致的各種坑是各種各樣,數不勝數。。。

問題的解決辦法:
在a標簽上加上data-ajax="false"或者target="_self",前面的屬性好理解,就是告訴jquery mobile:這個a不是ajax請求的。
但是后面那個吧,,說實話,我是看網友給出的一個想法,然后在頁面上試了一下,這樣也是可以解決標題的這個問題的。
好了,今天就寫這么多吧,,看看以后能不能找到答案,為啥第二個也是可以的呢。。。
