• Droppables.add

    当一个可拖曳对象进去一个特定区域时,你可以用一个Droppables.add的类触发该反应。

    表达式:

    Droppables.add('id_of_element',[options]);

    可选项:

    OptionDefaultDescription
    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类)
    greedytrue如果为true时,系统将终止可拖曳对象在Droppable区域的hover状态(此时可拖曳对象已经被藏匿于Droppable对象之后)

    回调函数:

    CallbackDescription
    onHover当一个可拖曳对象移动到Droppable对象上后调用该函数,该回调函数给出三个参数:Draggable对象,Dropppable对象以及交叠百分比。
    onDrop当一个可拖曳对象释放到Droppable对象,并且被接受后该函数被调用。该回调函数给出三个参数,Draggable对象,Dropppable对象以及Event对象,你可以从Event对象来扩展drop时的附加信息,比如判断是否按着Ctrl键或者Shift键。

    注意:当你想在DOM中删除某个节点,而该节点恰好是一个Droppable对象是,请先用 Droppables.remove(element) 将该对象从Droppables列表中删除,否则你将不能够使用任何Droppable对象。


    历史上的今天:

    Droppables 2008-03-04
    Draggables 2008-03-04

    随机文章:

    Droppables 2008-03-04
    Sortable.create 2008-03-13
    Sortables 2008-03-10
    Draggables 2008-03-04

    收藏到:Del.icio.us




    引用

    下面Blog引用了该文:
  • Sortable.create

    Blog:摄氏零度以后...
    2008-03-13 15:40:36