Question

我有一个使用Knockout JS绑定到视图模型的简单应用程序。它使用foreach循环，在将新项添加到视图模型时触发Knockout afterAdd事件。结果应该是一个可以放在目标上的剑道可拖动。出于某种原因，我无法在目标上获取掉落事件。

JSFiddle

<button data-bind="click: $root.add">Add</button>

放下目标

var ViewModel = function () {
    this.operations = ko.observableArray([]);
    this.add = function () {
        this.operations.push("drag");
    }.bind(this);
    this.bind = function () {
        $(".draggable").kendoDraggable({
            hint: function (e) {
                $("#console").append("<li>firing hint</li>");
                return e.clone();
            },
        });

        $(".droptarget").kendoDropTarget({
            drop: function (e) {
                $("#console").append("<li>firing drop</li>");
            }
        });

    };
};
ko.applyBindings(new ViewModel());

Answer 1

问题在于您多次实例化KendoDropTarget小部件。如果我单击示例kendoDropTarget()中的“添加”按钮，则会调用三次。如果我添加一个警示（请参阅http://jsfiddle.net/tj_vantoll/rk6qwsy4/1/），drop事件将按预期工作。

Kendo UI droppable drop事件未触发

1 个答案: