Jquery mobile jQuery移动手风琴未展开(KnockoutJS)

Jquery mobile jQuery移动手风琴未展开(KnockoutJS),jquery-mobile,knockout.js,accordion,jquery-mobile-collapsible,Jquery Mobile,Knockout.js,Accordion,Jquery Mobile Collapsible,我正在使用jQuery Mobile和KnockoutJS,无法让Accordion小部件工作。你可以在这里找到我正在尝试做的一个例子:。单击时,手风琴面板不会展开。有人能解释一下我做错了什么,也许能说明如何纠正代码吗?在我的实际项目中,可观察的淘汰集合将根据用户操作通过REST服务动态更新 <div data-role="collapsible-set" data-theme="c" data-content-theme="d"> <!-- ko foreach: co

我正在使用jQuery Mobile和KnockoutJS,无法让Accordion小部件工作。你可以在这里找到我正在尝试做的一个例子:。单击时,手风琴面板不会展开。有人能解释一下我做错了什么,也许能说明如何纠正代码吗?在我的实际项目中,可观察的淘汰集合将根据用户操作通过REST服务动态更新

<div data-role="collapsible-set" data-theme="c" data-content-theme="d">
   <!-- ko foreach: collection -->
      <div data-role="collapsible">
         <h3><span data-bind="text: caption"></span></h3>
         <span>TODO</span>
      </div>
   <!-- /ko -->
</div>

待办事项

我遇到了类似的问题,并在下面的链接中找到了解决方案

附带的代码只是所需代码的一部分,您只需查看所附链接的页面源代码,并了解解决方案的工作原理

可能重复的
// clean up borders
collapsiblesInSet.each( function() {
    $( this ).jqmRemoveData( "collapsible-last" )
        .find( $.mobile.collapsible.prototype.options.heading )
        .find( "a" ).first()
        .removeClass( "ui-corner-top ui-corner-bottom" )
        .find( ".ui-btn-inner" )
        .removeClass( "ui-corner-top ui-corner-bottom" );
});