SlideShare a Scribd company logo
1 of 8
 
Draggable Droppable Resizable Selectable Sortable Interactions
Draggable Droppable Resizable Selectable Sortable Interactions
Droppable Interactions Transforma os elementos selecionados em alvo para os elementos  arrastáveis  Options disabled  accept  activeClass  addClasses  greedy  hoverClass  scope  tolerance  Events create  activate  deactivate  over out drop  Methods destroy  disable  enable  option  widget
Draggable Droppable Resizable Selectable Sortable Interactions
Resizable Interactions Habilita o redimensionamento nos elementos do DOM.  Options disabled alsoResize  animate  cancel  ghost  maxHeight  maxWidth  .....  Events create  start  resize stop Methods destroy  disable  enable  option  widget
Vamos aos exemplos!
Obrigado!

Apresentação j query7

Editor's Notes

  1. Disabled: desabilita a funcionalidade Accept: define os elementos aceitos ActiveClass: classe aplicada ao droppable quando elemento draggable está acionado Greedy: previne a propagacão do evento HoverClass: mesma coisa que o Active só que aplica a classe quando o elemento draggable passa por cima do droppable scope:usado para agrupar conjunto de arrastaveis e alvos. tolerance:especifica um modo de tolerancia para definir se o elemento dragabble está ou não sobre um droppable.
  2. Disabled: desabilita ou habilita a funcionalidade. AlsoResize: quando definimos um elemnto pra como redimensionavel podemos defir um ou outros mais pra serem redimensionados juntos Animate: se true mostra o redimensionamento animado. Dá pra definir tb o tempo da animação e o easung dela. Ghost: dá aquele efeito de ghost mesmo..rs Maxheight, min, maxWidht, min...