Javascript 在$（document）.ready（function（）{}）中向DOM动态添加元素；添加元素，但它们不可见。为什么？

我在$document.readyfunction{}中添加了两个jquery mobile的可折叠文件

看起来像这样

$(document).ready(function() {
     var l_freeCollabsible=fCreateCollapsible("Free", "Free Content");
     var l_bestSellCollabsible=fCreateCollapsible("Best Sellers", "Best Selling Content");

     var l_frag = document.createDocumentFragment();

     l_frag.appendChild(l_freeCollabsible);
     l_frag.appendChild(l_bestSellCollabsible);

     document.body.appendChild(l_frag);
});

 function fCreateCollapsible(heading,content){
    var l_collapsible = fDomCrElemTypeTheme("div","collapsible","b","b");
    l_collapsible.setAttribute("data-iconpos","right");
    var l_heading = fDomCrElemText("h4",heading);
    var l_content = fDomCrElemText("span",content);

    apc(l_collapsible,l_heading);
    apc(l_collapsible,l_content);

    return l_collapsible;
 }

FCreateCollapsable看起来像这样

$(document).ready(function() {
     var l_freeCollabsible=fCreateCollapsible("Free", "Free Content");
     var l_bestSellCollabsible=fCreateCollapsible("Best Sellers", "Best Selling Content");

     var l_frag = document.createDocumentFragment();

     l_frag.appendChild(l_freeCollabsible);
     l_frag.appendChild(l_bestSellCollabsible);

     document.body.appendChild(l_frag);
});

 function fCreateCollapsible(heading,content){
    var l_collapsible = fDomCrElemTypeTheme("div","collapsible","b","b");
    l_collapsible.setAttribute("data-iconpos","right");
    var l_heading = fDomCrElemText("h4",heading);
    var l_content = fDomCrElemText("span",content);

    apc(l_collapsible,l_heading);
    apc(l_collapsible,l_content);

    return l_collapsible;
 }

此函数创建以下结构

<div data-role="collapsible" data-theme="b" data-content-theme="b" data-iconpos="right">
   <h4>Heading</h4>
    <span>
       Content
   </span>
</div>

我的问题是，在调用Dom ready之后，元素会根据我的需要创建，但它们是隐藏的

我尝试创建一个函数，将元素创建代码放入其中，并从主体内部调用该函数。它工作得很好

有没有办法在ready函数中应用jquery样式？我想用一对空的body标记动态创建所有元素。我正在尝试用jqm+phonegap创建一个简单的移动应用程序

---

am使用jquery-mobile-1.3.2和jquery-1.9.1

使用$'[data role=Collapsable]'。在附加项后触发“create”。通常情况下，您不会在jQM中使用documentready，而是使用pageinit或pagecreate。下面是创建函数并在body@KevinB中调用它时的情况谢谢，我创建了一个page div，使用了pageinit，然后使用了$'[data role=Collapsable]'.Collapsable.triggercreate；创建所有可折叠文件