2011-03-08 80 views
2

我只是在jQuery手機中嶄露頭角(到目前爲止它看起來非常有趣)。jQuery手機阿賈克斯導航

我讀了一個great tutorial on elated.com,其中的一部分是關於頁面轉換/ ajax導航。這看起來不錯(在我的iPhone上),但如果你看看源代碼,它就是同一頁面上的所有平面html。

我想/需要的是指向另一個網址,並在可能的情況下發生相同的效果。

我一直在閱讀here關於data-url的信息,但我似乎無法得到任何工作。

下面是一些非常粗略的示例代碼obviosuly不工作:

<p><a href="#" data-url="test.html" data-transition="flip">My test link</a></p> 

什麼是正確的代碼?它甚至有可能嗎?

+0

在同一頁面上引用一個id),你有沒有試過簡單地把你想要的url放在'a'標籤的href裏?這就是很多其他移動框架的做法。 – Groovetrain 2011-03-08 14:24:03

+0

是的,即將說我是一個白癡:這是有效的。乾杯 – Adi 2011-03-08 14:28:29

回答

2

嘗試<a href="test.html">link</a>

似乎太明顯了? ;)

data-url是頁面div加載時的屬性。所有頁面都是AJAX加載到當前的DOM,他們得到這個屬性很容易找到。

0

http://jquerymobile.com/test/docs/pages/page-links.html

默認鏈接行爲:Ajax的

要啓用動畫頁面過渡,指向一個外部頁面(前爲products.html)的所有鏈接將通過Ajax加載。爲了不引人注意地執行此操作,框架解析鏈接的href以制定Ajax請求(Hijax)並顯示加載微調器。所有這一切都由jQuery Mobile自動發生。

如果Ajax請求成功,新的頁面內容被添加到DOM,所有的移動小部件都會被自動初始化,然後新的頁面被動畫到頁面轉換的視圖中。

0

添加標記:data-ajax="false"到任何你想要expliticly加載一個新的頁面,如:

<a href="xyz.html" data-ajax="false">Link</a> 

或者如果你的意思是一個外部的(不是你可以使用本機錨target標籤