動態插入擴展在jQuery Mobile的

Question

我很新的jQuery和目前絕望的試圖插入動態創建的擴展成一個jQuery-Mobile的頁面，看起來像下面這樣：

<div data-role="page" id="myPage"> 
    <div data-role="content"> 
    <div id="myContainer"></div> 
    </div> 
</div> 

由於擴張應被插入到「myContainer中」，我寫：

var expander = $("<div data-role='collapsible' data-collapsed='true'><h3 class='category' /><div class='content' /></div>"); 
$("#myContainer").append(expander); 
expander.find(".category").text(/*Some text*/); 
expander.find(".content").text(/*Some text*/); 

然而，只有unthemed和不可摺疊的DIV出現在我的文件內。

我想，我將不得不手動切換類似於刷新列表視圖的擴展器的創建 - 但是我沒有在文檔中找到任何有關該擴展器的信息。

不幸的是，

expander.Refresh(); 
//nor 
expander.Expander(); 

似乎存在。

非常感謝您的迴應！

Answer 1

這個問題實際上是一個重複的事情，所以我經常創建一個關於它的FAQ。您需要在添加到DOM的最頂層元素上使用.page()。

看到這裏的細節： http://jquerymobiledictionary.dyndns.org/faq.html

[編輯]

我也達到了那一刻，我想用.page一個page*事件內部和解決方案是相當明顯的，我 - 使用旗語。

如果你不知道如何來實現信號量，看我的雙欄插件代碼爲例（它是在同一地點）