examples - jquery drop event

¿Cómo verificar si un elemento es droppable, se puede arrastrar u otro ''ble''?

Question

Tengo un montón de elementos con jQuery. Algunos son arrastrables, algunos son desplegables y otros son ambos. ¿Cómo puedo detectar si un elemento se puede arrastrar o soltar?

Answer 1

Esto funciona para mí con JQuery 1.10.2

if ($("el").data(''uiDraggable'')){ //or uiDroppable
   alert("draggable")
} else {
   alert("not draggable")
}

Alternativamente, es posible invocar el método .data () sin argumento

$("el").data()

Eso debería imprimir algo así como

Object { uiDraggable : $. (Función anónima). (Función anónima)}

donde puedes ver las propiedades del objeto.

Answer 2

Para elementos arrastrables:

$(elem).is(''.ui-draggable'')

o puede filter , o simplemente seleccionar $(''.ui-draggable''); .

Para droppable, usaría .ui-droppable , se .ui-resizable , seleccionable es .ui-selectable para el contenedor aunque los elementos que seleccione son .ui-selectee , ordenable es .ui-sortable para el contenedor.

Answer 3

También podría usar jQuery data() como este ..

if ($(elem).data(''draggable'')) {
        alert("yes");
}
else {
        alert("no");
}

if ($(elem).data(''fooable'')) {
        alert("yes");
}
else {
        alert("no");
} 

Véalo aquí: http://bootply.com/60153

Answer 4

Yo uso Modernizr:

if (Modernizr.draganddrop) {
// use drag and drop
}