jquery - 动态列表项的单击函数“jQuery”（使用 Knockout.js）不起作用

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(){
      }
    });

它没有用！有没有人经历过这个？是因为对象是动态的吗？我是knockoutjs的初学者。

您要在 document.ready 中调用的函数！

已经非常感谢你的时间。

Answer 1

如果您使用淘汰赛，您可以使用它的特殊绑定“点击”。像这样：

<ul data-bind="foreach: contacts">
    <li class="user-box"><span class="user-box-name" data-bind="text: username, click: function() { alert(':)') }"></span>  </li>
</ul>

Knockout 允许您使用 MVVM 方法的所有优点。因此，最好在视图模型中定义处理程序，而不是使用 jQuery 附加处理程序。