jQuery Mobile手风琴未展开（KnockoutJS）

Question

我正在使用jQuery Mobile和KnockoutJS，但无法使手风琴小部件正常工作。您可以在此处找到我尝试做的示例： http://jsfiddle.net/NYTQC/1/。单击手风琴面板时，它们不会展开。有人能解释我做错了什么，并可能展示如何更正代码吗？在我的实际项目中，可观察的knockout集合将根据用户操作通过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>

- Adhooo

---

可能是Knockout、JQMobile和生成可折叠集合似乎不太正常工作的重复问题。 - nemesv

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

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

- Jagan K