javascript - クリックバインディングを使用した複数のボタン、1 つだけが配線されます

Question

のコンテキストでko foreach: widgits、ユーザーにオプションを公開するいくつかのボタンを含むリスト項目を作成しています。

<ul>
<!-- ko foreach: wigits -->
    <li>
        <span data-bind="text: $data.text"></span>
        <button id="fast" data-bind="click: function(){$root.spinWidget($data, '1000rpm')}"></button>
        <button id="medium" data-bind="click: function(){$root.spinWidget($data, '500rpm')}"></button>
        <button id="slow" data-bind="click: function(){$root.spinWidget($data, '200rpm')}"></button>
    </li>
<!-- /ko -->
</ul>

最初のボタンをクリックすると、クリック ハンドラーがクリックごとに呼び出されることがわかります。他のボタンをクリックまたは検査すると、クリック ハンドラが設定されていないことがわかります。

Answer 1

問題は、jqueryの下にknockoutjsを含めたことでした。上に移動すると、機能します。なぜだろう。