2012-06-21 41 views
1

我正在構建我的第一個jQuery移動網站,並遇到了問題。如果只是做一個簡單的超鏈接從一個網頁到另一個好像網頁過渡效果停止

$(document).ready(function(){ 
    alert("hello"); 
}); 

燒製而成。如果我刷新頁面或直接鏈接到頁面,則會觸發事件。

我試圖去除超鏈接的數據轉換,甚至試圖

<a data-role="button" data-transition="none" href="/otherpage/">link</a> 

但仍然有同樣的問題。 安迪的想法請嗎?謝謝。

+0

我也會建議閱讀http://jquerymobile.com/demos/1.1.0/docs/pag es/page-anatomy.html,因爲你的href看起來不正確。如果你有一個頁面'id =「otherpage」'你應該像這樣訪問它:'href =「#otherpage」' –

回答

2

這是設計,因爲jQuery Mobile在後臺加載頁面,然後在轉換之前將它們合併到當前文檔中。這意味着原始頁面不會重新加載,因此document不會再次變爲ready

因此,documentation on events顯着說(從原來的強調):

重要須知:$(document).bind('pageinit'),不$(document).ready()

因此,你應該寫:

$(document).bind("pageinit", function() { 
    alert("hello"); 
}); 
+1

WOW。這是我的一個基本誤解。我將更詳細地研究文檔。謝謝你的幫助。 –