javascript - 无序列表“点击”绑定

Question

我有一个无序列表，我正在尝试click为每个列表项创建绑定。

如何包含列表 ID 和点击绑定？

<ul>
    <li id ="tab1" data-bind="click: loadGeneralDataFromServer"><span data-bind='text:value'>General</span></li>

    <li id = "tab2" data-bind="click: loadWelfareDataFromServer"><span data-bind='text:value'>Welfare</span></li>
</ul>

如何将 id 和单击绑定包含为一个使用列表 ID 的 js 和另一个使用单击绑定的 js？

Answer 1

请参阅本页中间的“注 2” 。它解释了如何访问触发视图模型内点击的原始事件对象。从该事件中，您应该能够获取源元素及其 id。

这是一个简单的例子：

<div id="div1" data-bind="click: clickDiv">Some div item</div>
<div id="div2" data-bind="click: clickDiv">another div</div>

var vm = {
    clickDiv: function(data, event) {
        alert(event.target.id);
    }
}

ko.applyBindings(vm);

jsFiddle