jquery - 使用 jquery 添加独立于 knockoutjs 绑定(bind)的事件处理程序

Question

我有一个<ul>填充有 foreach 的元素捆绑。这个<ul>随着嵌入它的模板被重新渲染，它又会在不同的时间重新创建。这工作得很好。

但是，在某些情况下，我想在 knockoutjs 之外向此列表添加其他行为(例如，记录滚动事件)。我不希望此代码成为绑定(bind)的一部分，因为它只是有条件地注入(inject)(例如，在运行实验时)。我想我可以做类似的事情

$('ul.doclist').scroll(function() { 
    // log scrolling here
});

在我的 DOM 初始化之后，但这不起作用，因为 knockoutjs绑定(bind)替换我将滚动事件绑定(bind)到的元素。是否有相当于 .live() 的内容用于滚动？或者，是否有另一种方法可以将事件处理程序动态注入(inject)到不依赖静态编码属性的 knockout 绑定(bind)机制中？

编辑:2012 年 8 月 7 日下午 5:41:我尝试使用 delegate()方法，但无法弄清楚如何指定选择器来查找我的深层嵌套 ul .

编辑:2012 年 8 月 7 日下午 6:31:我目前正在使用 jquery 1.4.4 并在 Chrome 中进行测试。

Answer 1

我最终实现了以下模式:

在我的模板中:

<ul class="doclist" data-bind='foreach: rows, event: {scroll: window.viewModel.notifyOfScrollEvent}'>
</ul>

在我的 View 模型中:

this.documentScrolled = ko.observable();
this.notifyOfScrollEvent = function() {
    self.documentScrolled.valueHasMutated();
}

在我的条件代码中:

viewModel.documentScrolled.subscribe(function() {
    console.log('scrolling');
});

不像我想要的那样解耦，但比显式引用更好。