3

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>
4

1 に答える 1

0

同様の問題があり、次のリンクで解決策を見つけました

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

付随するコードは、必要なもののほんの一部です。添付されたリンクのページ ソースを表示するだけで、ソリューションがどのように機能するかを理解できます。

于 2013-08-28T10:30:29.920 に答える