如何數據綁定.resizable（）。draggable（）？

Question

我知道你可以這樣做：

$(".myClass").resizable().draggable(); 

但你會如何使用data-bind=""做同樣的事情？

Answer 1

最簡單的方法是定義自定義綁定的處理程序行爲：

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

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

然後，綁定到它想：

<div data-bind="resizable: { }, draggable: { }"></div> 

這使您可以通過任何你想要的選項可調整大小和可拖動的調用。

樣品：http://jsfiddle.net/rniemeyer/eCZH4/