2012-09-13 115 views
1

我想加載一個頁面的過渡效果點擊鏈接。我已經使用jQuery Mobile。 以下是我的代碼。jQueryMobile頁面轉換不加載頁面,因爲它應該

<a href="index.html" data-transition="slide">Transition</a> 

過渡鏈接的index.html頁應加載顯示過渡效果的點擊。

以下是我正在嘗試加載的index.html的輸出。

enter image description here

但問題是,當我點擊過渡鏈接無法按預期加載索引頁。加載的頁面如下所示。

enter image description here

當我通過螢火蟲發生了什麼,我只是發現,而不是加載什麼轉變這樣做,它是把輸出鏈接頁面(即的index.html)到第一頁和應用CSS完整頁面的第一頁。

我想轉換到加載索引頁面正確與其所有的CSS不嵌入到頁面鏈接被調用。

你能告訴我如何做到這一點。

回答

1

在默認情況下JQM當你鏈接到另一個頁面JQM查找第一個JQM頁面(without任何網頁上的腳本或樣式),其頁面(data-role="page"),然後通過AJAX拉它和增強它並將其附加到當前頁面的DOM。如果要完全加載而不是第二頁,則需要將ajax-enabled設置爲false(這是全局設置),或者在第二頁的鏈接上添加屬性data-rel="extrenal"

+0

但頁面轉換的支持,如果使用'數據rel'? –

+0

[No](http://jquerymobile.com/demos/1.1.1/docs/pages/page-links.html),只有當頁面通過* ajax *獲取時才支持頁面轉換(這是因爲兩頁需要在DOM中啓動轉換)。 – Jack

+0

有沒有辦法在使用轉換時保留第二頁的CSS? –

0

添加在你的HTML鏈接標記以下屬性:相對=「外部」

<a href="index.html" data-transition="slide" rel="external">Transition</a>