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  acce...
Draggable Droppable Resizable Selectable Sortable Interactions
Resizable Interactions Habilita o redimensionamento nos elementos do DOM.  Options disabled alsoResize  animate  cancel  g...
Vamos aos exemplos!
Obrigado!
Upcoming SlideShare
Loading in...5
×

Apresentação j query7

772

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
772
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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...
  • Apresentação j query7

    1. 2. Draggable Droppable Resizable Selectable Sortable Interactions
    2. 3. Draggable Droppable Resizable Selectable Sortable Interactions
    3. 4. 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
    4. 5. Draggable Droppable Resizable Selectable Sortable Interactions
    5. 6. 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
    6. 7. Vamos aos exemplos!
    7. 8. Obrigado!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×