jquery - Knockout.js 的触摸事件绑定(bind)

Question

我刚刚开始学习 Knockout.js，遇到了一些麻烦，需要一些帮助来解决。

基本上我想将我的 touchend 事件添加到我的 Knockout 生成列表中。目前我正在做这样的事情:

HTML:

<ul data-bind="foreach: names">
  <li data-bind="text: $data"></li>
</ul>

JS:

var names = ['Tom','Jennifer','Jack','Poul'];

ko.observableArray(names);

ko.applyBindings(names);


$('li').on('touchend, function(){
 ... do something
});

但我认为这不是正确的方法？如何使用 Knockout 对我的“touchend”进行“数据绑定(bind)”(如果这是这样做的方法)？

提前致谢:)

Answer 1

您可以使用knockoutjs事件绑定(bind):

 <li data-bind="text: $data, event: { touchend: $parent.touchEndHandler }"></li>

http://knockoutjs.com/documentation/event-binding.html

您的 View 模型绑定(bind)看起来也不太正确，请尝试以下操作:

function NamesViewModel() {
    var self = this;
    self.names = ko.observableArray(['Tom','Jennifer','Jack','Poul']);
    self.touchEndHandler = function(data, event) {
        var element = $(event.target);
        alert("TouchEnd Triggered");
        // can access self here which is the viewmodel
    };
}

var viewModel = new NamesViewModel();
ko.applyBindings(viewModel);

示例 - http://jsfiddle.net/infernalbadger/pjG8r/