Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
 
 
jQuery User Interface (UI)  é uma biblioteca de plugins de interface gráfica com o usuário (widgets) e de interação constr...
 
Draggable Droppable Resizable Selectable Sortable Interactions
Draggable Droppable Resizable Selectable Sortable Interactions
Draggable Interactions Habilitar a funcionalidade arrastável em elementos do DOM.  Options axis  cursor  cursorAt  delay  ...
Options Draggable Inicializa um elemento arrastável com a opção disabled = true $( ".selector" ).draggable({ dis...
Events Draggable Define uma funcão de callback para o evento create $( ".selector" ).draggable({ create: functio...
Methods Draggable destroy, disable, enable e widget .draggable( "destroy" ) option .draggable( "option&quot...
Vamos aos exemplos!
Obrigado!
Upcoming SlideShare
Loading in …5
×

Apresentação jQuey UI ( Draggable )

1,860 views

Published on

Esta apresentação faz uma introdução do jquery UI.

  • Be the first to comment

  • Be the first to like this

Apresentação jQuey UI ( Draggable )

  1. 3. jQuery User Interface (UI) é uma biblioteca de plugins de interface gráfica com o usuário (widgets) e de interação construída em cima do framework do jQuery . Útil para construir aplicações web altamente interativas.
  2. 5. Draggable Droppable Resizable Selectable Sortable Interactions
  3. 6. Draggable Droppable Resizable Selectable Sortable Interactions
  4. 7. Draggable Interactions Habilitar a funcionalidade arrastável em elementos do DOM. Options axis cursor cursorAt delay distance handle grid revert snap snapMode ..... Events create start drag stop Methods destroy disable enable option widget
  5. 8. Options Draggable Inicializa um elemento arrastável com a opção disabled = true $( ".selector" ).draggable({ disabled: true }); Get e set da opção disabled //getter var disabled = $( ".selector" ).draggable( "option", "disabled" ); //setter $( ".selector" ).draggable( "option", "disabled", true );
  6. 9. Events Draggable Define uma funcão de callback para o evento create $( ".selector" ).draggable({ create: function(event, ui) { ... } }); Usando o Bind: dragcreate. $( ".selector" ).bind( "dragcreate", function(event, ui) { ... });
  7. 10. Methods Draggable destroy, disable, enable e widget .draggable( "destroy" ) option .draggable( "option" , optionName , [value] ) .draggable( "option" , options )
  8. 11. Vamos aos exemplos!
  9. 12. Obrigado!

×