-
Droppables.add - [script.aculo.us]
2008-03-04
Droppables.add
当一个可拖曳对象进去一个特定区域时,你可以用一个Droppables.add的类触发该反应。
表达式:
Droppables.add('id_of_element',[options]);可选项:
Option Default Description accept (none) 设置能够接受的以ID String描述的对象或者以CSS Class描述下的一组对象,Droppable仅能接受队列中能够接受可拖曳的对象。 containment (none) 如果可拖曳对象包含在某个指定的对象,Droppable仅仅能接受其中的可拖曳对象,这个参数可以为一个单独的element或者一个elements的数组。这个参数多用于Sortables类中,用来控制DragAndDrop和Sortables。 hoverclass (none) 设置一个CSS class当一个可接受的拖曳对象进入Droppable对象区域时。 overlap (none) 如果设置了‘horizontal’或者‘vertical’值,当可拖曳对象进入Droppable区域超过50%的范围时才会作用。(多用于Sortable类) greedy true 如果为true时,系统将终止可拖曳对象在Droppable区域的hover状态(此时可拖曳对象已经被藏匿于Droppable对象之后) 回调函数:
Callback Description onHover 当一个可拖曳对象移动到Droppable对象上后调用该函数,该回调函数给出三个参数:Draggable对象,Dropppable对象以及交叠百分比。 onDrop 当一个可拖曳对象释放到Droppable对象,并且被接受后该函数被调用。该回调函数给出三个参数,Draggable对象,Dropppable对象以及Event对象,你可以从Event对象来扩展drop时的附加信息,比如判断是否按着Ctrl键或者Shift键。 注意:当你想在DOM中删除某个节点,而该节点恰好是一个Droppable对象是,请先用 Droppables.remove(element) 将该对象从Droppables列表中删除,否则你将不能够使用任何Droppable对象。
随机文章:
Droppables.remove 2008-03-10Droppables 2008-03-04Sortable.create 2008-03-13Sortables 2008-03-10Draggables 2008-03-04
收藏到:Del.icio.us
Sortable.create
Blog:摄氏零度以后...2008-03-13 15:40:36
引用
下面Blog引用了该文: