O que faz ui.arrastável."arrastável" significa?
Sou novo no javascript e declarei aprender javascript. Encontrei um código .Eu gostaria de saber o uso e significado de
ui.draggable.dragabble
no código a seguir indicado
drop:function(e,ui){
var drag = ui.draggable;
$(this).droppable('option', 'accept', drag);
drag.css({'top':$(this).css('top'),'left':$(this).css('left')});
drag.draggable('option', 'revert', function(){return false});
var drop_index=$(this).attr("id").split('_')[1];
eu também gostaria de conhecer os sites para aprender sobre drag and drop em javascript,de uma forma melhor.
qualquer ajuda é apreciada antecipadamente.
1 answers
"ui.draggable " refere-se ao objeto que contém todos os elementos que estão sendo arrastados na página.
A função
drop: function(e, ui) {
}
É executado quando um objecto dragável é largado num elemento droppable. Você pode se referir à documentação da API jQuery-ui aqui: http://api.jqueryui.com/category/interactions / para funcionalidades de 'drag and drop'. É correcto e correcto. Também verifica as demos deles. Começa com as demonstrações para melhor compreendê-lo.
Para arrastar e largar:
- HTML5 já tem atributos 'draggable=" true "' que você pode adicionar aos seus elementos. Você pode então anexar eventos como handleDrag, handleDrop etc para que você obtenha a funcionalidade necessária. Vê isto aqui. https://www.html5rocks.com/en/tutorials/dnd/basics/ O jQueryUI tem elementos interactivos que podem ser adicionados aos elementos da sua página. É muito simples de entender. Consulte o link acima mencionado para explorar. Podes usar a biblioteca do toque-soco http://touchpunch.furf.com para fazer jqueryUI trabalhar em dispositivos móveis também.
- podes escrever a tua própria função de arrastamento e largada de javascript. Encontrei um aqui. https://github.com/lukasolson/drag-n-drop-js