1

我在 $(document).ready(function(){ }); 中添加了两个 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);
});

fCreateCollapsible() 看起来像这样

 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 创建一个简单的移动应用程序

我正在使用 jquery-mobile-1.3.2 和 jquery-1.9.1。

4

0 回答 0