2012-03-08 35 views
0

我創建基於一個Ajax響應一個jQuery Mobile的頁面動態超鏈接如下不會得到改變

for(i = 0 ;i < data.length ; i ++) 

     var links = "<a href="http://www.example.com/friend.html?id="+data[i].id+ 
         "&name="+data[i].name+"</a>"; 

但每當用戶點擊在這個鏈接將出現在頁面但地址欄 中的網址不會更改。

例如,如果在接下來的頁面

http://www.example.com/myinfo.html?token=323423432&id=32332 

那麼只要用戶點擊了一個動態鏈接出現的新一頁,但地址欄就會有相同的上述myinfo.html網址而不是friend.html產生上述鏈接

我試圖插入data-ajax="false"這deffinately改變URL在地址欄的,但問題是,當我點擊friend.html頁面上的返回按鈕,然後myinfo.html頁面被重新加載which i don't want

在friend.html

返回按鈕被設定如下

<a href="#" id="friendinfo_back" data-rel="back" data-icon="back">Back</a> 

及其HREF被動態地設置,其指向回其以前令牌和id

回答

0

jQuery的移動臺用來myinfo.html通過AJAX加載頁面,爲用戶提供平滑的體驗,讓頁面彼此轉換。這是通過加載目標頁面的內容(<body>)並將其加載到當前頁面來完成的。通過這種方式,他們可以在頁面之間進行平滑過渡,並且實際上不會離開源頁面,而實際上也不會訪問目標頁面。這就是地址欄中的URL不會更改的原因。

+0

以及我走出當前頁面並加載一個新的,因爲我需要傳遞查詢字符串的少數值,以便用戶不會發現任何困難,當他重新加載頁面在這裏頁面是friend.html – Hunt 2012-03-08 12:15:29

+0

所以有時只有一個頁面的HTML是不值得處理所有的操作,爲什麼我把它分成多個 – Hunt 2012-03-08 12:30:39

+0

你實際上並沒有走出當前的一個。 jQuery手機挑選所有鏈接,當點擊一個鏈接時,jQuery手機處理它,而不是瀏覽器。 jQuery然後對所提供的URL進行AJAX調用並檢索當前頁面中的內容。 – Richard 2012-03-08 12:35:02