If you can't read please download the document
Apresentação jQuey UI ( Draggable )
Embed Size (px)
DESCRIPTION
Esta apresentação faz uma introdução do jquery UI.
Citation preview
2. 3. jQuery User Interface (UI) uma biblioteca de plugins de
interface grfica com o usurio (widgets) e de interao construda em
cima do framework dojQuery . til para construir aplicaes web
altamente interativas. 4. 5. Draggable Droppable Resizable
Selectable Sortable Interactions 6. Draggable Droppable Resizable
Selectable Sortable Interactions 7. Draggable Interactions
Habilitar a funcionalidade arrastvel em elementos do DOM.Options
axiscursorcursorAtdelaydistancehandlegridrevertsnapsnapMode.....
Events createstartdragstopMethods destroydisableenableoptionwidget
8. Options Draggable Inicializa um elemento arrastvel com a opo
disabled = true $( ".selector" ).draggable({ disabled: true }); Get
e set da opo disabled //getter var disabled = $( ".selector"
).draggable( "option", "disabled" ); //setter $( ".selector"
).draggable( "option", "disabled", true ); 9. Events Draggable
Define uma funco 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!
