Jquery mobile .collapsible function给“对象没有可折叠的方法”

Question

Jquery mobile .collapsible function给出了“对象没有可折叠的方法”，当我尝试使用它来动态添加可折叠元素到菜单中时。

这里是我的代码：

var template=$('#template #c').clone(); 
template.attr('id','c_'+value.A); 
template.attr('data-role','collapsible'); 
template.find('h3 a span .ui-btn-text').html(value.B); 
$('#menu').append(template); 
$('#c_'+value.A).show(); 
$('#c_'+value.A).collapsible(); 

的模板是一个收缩元件布局

<div class="template" id="template"> 
    <div data-role="collapsible" data-collapsed="false" id="c" data-theme="b" data-content-theme="b" data-inset="false"> 
    <h3 id="c_name">dsa</h3> 
    <ul data-role="listview" class="ui-listview"> 
     <li id="item"><a href="#">adsd</a></li> 
    </ul> 
    </div><!-- /collapsible --> 
</div> 

任何人都可以请帮我吗？

Answer 1

尝试以下操作：

从

$('#c_'+value.A).show(); 
$('#c_'+value.A).collapsible(); 

要

$('#c_'+value.A).slideDown(); 
$('#c_'+value.A).slideUp(); 

Answer 2

，而不是

$('#c_'+value.A).collapsible(); 

使用

$("#c_"+value.A).trigger("expand"); // to expand collapsible