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).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

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

2 个答案: