javascript - script.aculo.us で Draggables を無効にする方法

Question

以下に示すように、オブジェクトのグループをドラッグ可能にしようとしています - 簡単です。しかし、これらのアイテムのいずれかがドラッグされると、他のアイテムは自動的にドラッグできなくなるように構成したいと思います。誰もこれを行う方法を知っていますか?

var products = document.getElementsByClassName('box');
for (var i = 0; i < products.length; i++) {
  new Draggable(products[i].id, {ghosting:true})
} 

また、オブジェクトをドラッグ可能にした後、マウスを使用せずに、コードを介してその「onStart」、「onEnd」、または「Revert」シーケンスを選択的かつ個別にトリガーすることは可能ですか?

Answer 1

Draggables を保存してすべてのドラッグ可能な要素を破棄したら、次のようにします。

draggables.each(function(item){
    item.destroy();
});

Answer 2

Draggablesをコレクションに保存し、それらの 1 つがドラッグされた (つまり、起動された)destroy()ときにそれらを呼び出します。onEnd

var draggables = [];
var products = document.getElementsByClassName('box');
for (var i = 0; i < products.length; i++) {
    var draggable = new Draggable(products[i].id, {
        ghosting:true,
        onEnd: function () {
            draggables.invoke('destroy');
        }
    });
    draggables.push(draggable)
}