使用瞄點在本頁面進行跳轉,但是使用了jquery mobile,就不跳轉了


在菜鳥上,<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請求的。

但是后面那個吧,,說實話,我是看網友給出的一個想法,然后在頁面上試了一下,這樣也是可以解決標題的這個問題的。

 

好了,今天就寫這么多吧,,看看以后能不能找到答案,為啥第二個也是可以的呢。。。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM