привязка события привязки для knockout.js

Question

Я только что начал изучать Knockout.js, и у меня возникли некоторые проблемы, и мне нужна помощь.

В основном я хочу добавить свое событие touchhend в свой список, созданный нокаутом. На данный момент я делаю что-то вроде этого:

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

Но я предполагаю, что это не правильный способ сделать это? Как «привязать данные» к моему «touchhend» с помощью Knockout (если это способ сделать это)?

Заранее спасибо :)

Answer 1

Вы можете использовать knockoutjs событие связывания:

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

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

Вы ViewModel связывания не выглядит совсем верно либо, попробуйте вместо этого:

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/