O documento descreve a biblioteca jQuery UI, que fornece plugins de interface gráfica com o usuário como arrastar e soltar elementos, torná-los redimensionáveis e selecionáveis. A biblioteca constrói essas interações no framework jQuery para criar aplicações web altamente interativas.

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.

5. Draggable Droppable Resizable Selectable Sortable Interactions

6. Draggable Droppable Resizable Selectable Sortable Interactions

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

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 );

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) { ... });

10. Methods Draggable destroy, disable, enable e widget .draggable( "destroy" ) option .draggable( "option" , optionName , [value] ) .draggable( "option" , options )

11. Vamos aos exemplos!

12. Obrigado!