jquery mobile - 通過changePage請求多頁面

從該網站的索引頁面，我加載了另一個頁面，其中有3個div，其中包含頁面的data-role。但是，jquery mobile只會將其中一個頁面附加到dom。jquery mobile - 通過changePage請求多頁面

我認爲changePage函數是抓取第一個具有頁面數據角色的div並插入它。我想知道是否有辦法讓它插入所有具有頁面或對話框的數據角色的div。

任何幫助不勝感激。謝謝

來源

2011-10-19 Chin

我不確定你想要做什麼，這聽起來不像它將與jQM一起工作，因爲每個data-role =「page」被視爲t自己的頁面。你能否解釋一下你想要完成什麼？請編輯你的問題，添加一些你正在嘗試的代碼，謝謝 –

由於只有多頁中的第一頁纔會被加載到DOM中，因此您目前無法使用JQM。

我會指出你在JQM文檔中的一個鏈接，它可以解釋這種行爲，但是沒有一個......我已經在Github上提出了這個問題，以便文檔至少能夠說明你可以做什麼，什麼不適用於乘法。

由於我被困在相同的問題，我開始編寫一個插件，以便能夠加載乘法（除其他外）。我仍然有幾件事需要解決，但是當它工作時，我可以給你發送鏈接。

來源

2011-10-19 21:55:25 frequent

謝謝，我最終做了一個快速入門。基本上，我將其他頁面包裝在腳本標記中，並根據需要將它們附加到dom中。 – Chin

讓我知道是否有正式答案或插件！ :) –

@serbanghita：好的，JQM正在開發一個導航重構器，它最終也支持多個容器，所以這將是一個時間問題。我的插件馬馬虎虎（確實很難）。這裏是[github]（https://github.com/frequent/multiview）和[演示頁面]（http://www.stokkers.mobi/jqm/multiview/test/fix_triplePop.html）。兩者都需要大量更新。 – frequent

你可以使用「子頁面」插件來獲得你想要的行爲。基本上一個頁面包含一堆子頁面，這些子頁面都被加載到DOM中。該模式將是：

<div data-role="page"> 
    <div data-role="subpage"> 
    </div> 
    <div data-role="subpage"> 
    </div> 
    <div data-role="subpage"> 
    </div> 
</div>

該項目可在這裏：https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget。我個人一直有這個插件的問題，但我認爲對於簡單的場景，它工作正常。此外，它沒有文件。例如，我仍然不知道用這個插件調用$ .mobile.changePage（）的正確方法。 :)

來源

2013-02-20 13:25:03

根據JQM this page：「jQuery Mobile目前僅支持通過AJAX加載單頁文檔。要導航到多頁文檔，您必須通過添加data-ajax =」false來禁用鏈接上的Ajax 「屬性。還有一個小工具，允許在https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget由託德·湯普森支持所有可用的子網頁」

您也可以到HREF指向添加rel="external"屬性頁B.

rel="external"和數據阿賈克斯= 「false」會強制JQM將新頁面加載到整個頁面。不幸的是，這似乎消除了使用從PageA到PageB的頁面轉換的能力。

例子：<a href="/view/pageB/" rel="external"> Page B </a>

現在我期待與JQM方法，而不是依賴於AUTOMAGIC機制來加載網頁B。如果您希望在DOM初始加載後希望在「單個頁面」內進行哈希標籤轉換，您似乎必須始終使用單頁模板（如建議）或pagecontainer load method（基本上與單頁相同）。例如，鏈接到該頁面的單個頁面listen to "pageinit"，然後使用pagecontainer("load")。確保後續頁面（您正在注入的頁面）不需要作爲直接傳入頁面。

來源

2015-01-02 02:48:48 myimedia

jquery mobile - 通過changePage請求多頁面

回答

相關問題