script.aculo.usのドラッグ可能を無効にする方法

Question

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

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

はまた、マウスを使用していない、コードをそれはonEnd '、あなたが選択的かつ個別にその「ONSTART」をトリガするために、オブジェクトをドラッグ行った後、可能である、または「元に戻す」配列？

Answer 1

保存コレクションでDraggablesそのうちの一つがドラッグされたときにそれらの上に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) 
} 

Answer 2

あなたが破壊することDraggablesを保存すると、すべてのドラッグ可能な要素が行います

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