글로벌방송통신동향리포트 - KISA · UI (Smarter)를갖춘스마터 기기가관심을모음-터치스크린기능을통해사용자환경 과사용자(UserInterface,UI)
Apresentação jQuey UI ( Draggable )
-
Upload
douglasgrava -
Category
Documents
-
view
1.601 -
download
2
description
Transcript of Apresentação jQuey UI ( Draggable )
- 1.
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!