使用jQuery模板動態創建jQuery Mobile頁面

Question

我正在使用jquery mobile為UI和jquery模板構建一個鍛煉目錄來處理html。 我已經能夠將html附加到已創建的頁面並通過.page（）函數獲取jquery mobile來更改標記。

但是，我希望能夠創建新的jq移動頁面。 我可以使用data-role = page將代碼注入到div中，並在其上調用.page（），這一切都很好。 但是將一個完全制作的頁面添加到正文中是行不通的。

編輯：這個問題和我的答案是指jquery mobile alpha 3

Answer 1

好，我知道了。 如果要添加DOM，還必須為data-url添加值。 當您創建靜態html頁面時，

<div data-role="page" id="home">

jQuery mobile會自動添加一個等於你提供的id的數據網址。 當你自己動手時，你必須握住它並傳遞一個data-url =“home”。

當你生成你的html字符串后，將它附加到$ .mobile.pageContainer，以便jQuery Mobile知道在哪里找到它（將它附加到正文也適用，但最好不要搖晃船）。 之后，在DOM中的頁面上調用.page（），以便jQuery mobile可以完成所有神奇的<span>魔法。

$('#home').page();

Answer 2

重寫這個帖子。 使用jquery mobile（1.1.0），這對我.trigger("create") ， .trigger("create") ......

    content = '<div data-role="page" id="myID" data-url="myID">'
    // ...
    $('body').append(content).trigger("create")
    $("<a href='#myID' data-rel='dialog'/>").trigger("click")

Answer 3

當你撥打$('#home').page(); 你要求jQuery使用頁面的特定樣式表和js函數來增強你的div。 該頁面已存在於DOM中，但要顯示該頁面，您必須調用$.mobile.changePage("#home",options) 。 有關更多信息（以及特定於對象的選項），請參閱http://jquerymobile.com/test/docs/api/methods.html