javascript - Knockout.jsによって作成された要素にjquery効果を適用する方法

Question

こんにちは私は私の見解に次のコードがあります：

        <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>

しかし、新しい要素ごとに、次のようなjQueryeffetを追加します。

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

このリストに要素が追加された後に発生するイベントをサブスクライブする方法はありますか？

Answer 1

これを行う最良の方法は、カスタムバインディングを使用することです。

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。