//页面代码
//循环输出数组ul 里面的内容，采用的是html输出一段文字和一个img图片，图片上绑定一个点击事件，事件上面传了一个循环的参数，但是为什么我绑在图片上的点击事件就无效呢？


<Ul id='item' data-bind="foreach:viewModel.ul">
    <li data-bind="html:$data"></li>
</Ul>


//js代码
var viewModel = new function() {
        var self = this;
      
        self.close = function() {
            alert("sss");
        };
        self.index = 3;
        self.ul = ko.observableArray(
        [
        "第一个<img data-bind='click:function() { viewModel.close($data) }'  src='#'>", 
        "第二个<img data-bind='click:function() { viewModel.close($data) }'  src='#'>", 
        "第三个<img data-bind='click:function() { viewModel.close($data) }'  src='#'>"
        ]);

} 

ko.applyBindings(viewModel);