jQuery Mobile Accordion 不扩展（KnockoutJS）

Question

我正在使用 jQuery Mobile 和 KnockoutJS，但无法让 Accordion 小部件工作。你可以在这里找到我正在尝试做的一个例子：http://jsfiddle.net/NYTQC/1/。单击时手风琴面板不会展开。谁能解释我做错了什么，也许可以展示如何更正代码？在我的真实项目中，可观察的淘汰赛集合将根据用户操作通过 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>

Answer 1

我有类似的问题，并在以下链接中找到了解决方案

http://jsfiddle.net/MauriceG/8QGU5/show/light/

// 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" );
});

随附的代码只是所需内容的一部分，您只需查看所附链接的页面源代码并自行了解解决方案的工作原理。