2012-09-11 165 views
2

我試圖在一個頁面模板,像這樣: -mobile.changePage內部鏈接

<div id="homePg" data-role="page"> 
</div> <!-- Home page --> 

<div id="groupsPg" data-role="page">  
</div> <!-- Groups page --> 

數據到頁面內容從ajax調用動態加載。

我試圖從我的homepg導航到羣組頁面onclick生成的任何列表。

 $.mobile.changePage('#groupsPg', { 
       transition : "none" 
      }); 

但由於某些原因,該changepage事件不點火。我可以觸發onclick事件,但更改頁面事件未通過。

+0

也許試試'$(location).attr('href',「your_html.html」);'其中'your_html.html'是包含您的頁面的HTML文件'#groupsPg'(對於這種情況,更好地分開jquery移動頁面在不同的單獨的HTML文件中我認爲:S)? – Littm

+0

@Littm:它適用於不同的頁面,但我想使用一個單一的HTML頁面,由於某些原因。是否在動態生成列表上綁定點擊事件?但點擊事件觸發不導航。 –

+0

oooh ...:S你能提供你的'onclick'事件的定義嗎?你應用哪個元素的'onclick'事件? – Littm

回答

0

你可以試試這個解決方案,讓我知道,如果這個工程:

$('#homePg').live('pagecreate',function(event){ 
    $("#your_anchor_id").bind("click", function(event) { 
     $.mobile.changePage("#groupsPg", { transition: "none"}); 
    }); 
}); 
+0

不,這不是工作:雖然已經使用'on'而不是'live' for Jq 1.7+ –

+0

argh! (如果我發現任何東西,我會讓你知道) – Littm

0

我認爲,將此代碼添加到您的單擊事件將這樣的伎倆:

window.location.href = ('url'); 

也試試這個網站: http://www.ezineasp.net/post/Javascript-Window-Location-Href-URL.aspx

這一個: http://jquerymobile.com/test/docs/api/events.html

+0

謝謝,但任何原因爲什麼不'mobile.changePage'不工作? –

+0

我的文章是否幫助你?它的工作原理?如果是這樣,你可以臨時按照我的說法處理pagechange上的任何其他事情,我會盡快仔細研究你的問題。 –