jquery - 動的リスト項目 (Knockout.js を使用) のクリック機能「jQuery」が機能しない

Question

次の HTML があります (knockoutjs を使用)。

<ul data-bind="foreach: contacts">
   <li class="user-box"><span class="user-box-name" data-bind="text: username"></span></li>
</ul>

彼がイベント「クリック」をjQuery（「ユーザーボックス名」）を介してクラスに割り当てようとしたとき、私はできません。こちらです：

    $(document).ready(function () {
      $('.user-box-name').on('click',function(){
        callFunction();
      })
      function callFunction(){
      }
    });

そして、それはうまくいきませんでした！誰もこれを経験しましたか？オブジェクトが動的だからですか？私はノックアウトjsの初心者です。

document.ready! 内でこれを呼び出す関数。

あなたの時間にすでにとても感謝しています。