jquery - Jquery mobile .collapsible 函数给出“对象没有可折叠的方法”

Question

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

这是我的代码：

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).collapsible(); 

利用

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

Answer 2

尝试以下：

从

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

至

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