Apresentação j query7

  • 729 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
729
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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...

Transcript

  • 1.  
  • 2. Draggable Droppable Resizable Selectable Sortable Interactions
  • 3. Draggable Droppable Resizable Selectable Sortable Interactions
  • 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
  • 5. Draggable Droppable Resizable Selectable Sortable Interactions
  • 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
  • 7. Vamos aos exemplos!
  • 8. Obrigado!