javascript - 如何将 jquery 效果应用于 Knockout.js 创建的元素

Question

您好，我的 View 中有以下代码:

        <div data-bind="foreach: Elements">
            <div data-bind="attr:{id: id}">
                <img data-bind="attr:{src: ImageSource}" />
                <p data-bind="text: Name"></p>
            </div>
        </div>

但是我想为每个新元素添加 jQuery 效果，例如:

        $("#draggable").draggable();

有什么方法可以订阅元素添加到此列表后发生的事件吗？

Answer 1

最好的方法是使用自定义绑定(bind)。

ko.bindingHandlers.draggable= {
    init: function(element, valueAccessor) {
        $(element).draggable();
    }
};

    <div data-bind="foreach: Elements">
        <div data-bind="attr:{id: id}, draggable: {}">
            <img data-bind="attr:{src: ImageSource}" />
            <p data-bind="text: Name"></p>
        </div>
    </div>

在文档中阅读更多相关信息:http://knockoutjs.com/documentation/custom-bindings.html .