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

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

jQuery Mobile Accordion没有扩展（KnockoutJS）

1 个答案: