动态插入扩展在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*事件内部和解决方案是相当明显的，我 - 使用旗语。

如果你不知道如何来实现信号量，看我的双栏插件代码为例（它是在同一地点）