1

ドラッグ中に左のプロパティを更新したいのですが、ドラッグしてもプロパティに 50 と表示されます。私は何か正しいことをしていないことを知っています。何か助けはありますか?

games: ko.observableArray([
 { left: ko.observable(50) },
 { left: ko.observable(50) },
 { left: ko.observable(50) }
];

<div class="bracket-game" data-bind="bracketGameInit: { left: left }">



ko.bindingHandlers.bracketGameInit = {
        init: function (element, valueAccessor) {

            var values = ko.utils.unwrapObservable(valueAccessor());
            $(element).draggable();
            ko.bindingHandlers.style.update(element, function () { return { left: (values.left() + 'px') }; });

        }
    };
4

1 に答える 1

2

ドラッグ可能なイベントに応答する必要があると思いますdrag(またはstop最後に更新するだけの場合)。

たぶん次のようなもの：

ko.bindingHandlers.bracketGameInit = {
    init: function (element, valueAccessor) {
        var left = valueAccessor();

        $(element).draggable({
            drag: function(event, ui) {
                left(ui.position.left);
            }                    
        });
    },
    update: function(element, valueAccessor) {
        var left = valueAccessor();
        $(element).css("left", left());
    }
};

サンプルは次のとおりです: http://jsfiddle.net/rniemeyer/Na8K7/

于 2012-06-29T11:38:10.150 に答える