Tengo un montón de elementos. Algunos son arrastrables, algunos son desplegables y otros son ambos. ¿Cómo puedo detectar si un elemento se puede arrastrar o soltar?¿Cómo verificar si un elemento es droppable, se puede arrastrar u otro 'ble'?
Respuesta
También es posible usar los datos de jQuery() como este ..
if ($(elem).data('draggable')) {
alert("yes");
}
else {
alert("no");
}
if ($(elem).data('fooable')) {
alert("yes");
}
else {
alert("no");
}
Ver aquí: http://bootply.com/60153
¡simplemente asegúrate de no escribir enunciados si/else sin llaves! – Mathletics
Entonces jQuery registra todos sus '~ bles' en '.data'? –
Sí, jQuery usa data() para muchas cosas internas - http://ejohn.org/apps/workshop/adv-talk/ - La comprobación de clase CSS también es viable, no estoy seguro de cuál sería mejor en su caso, o desde el punto de vista del rendimiento. – ZimSystem
Para los elementos que pueden arrastrarse:
$(elem).is('.ui-draggable')
o usted podría filter
, o simplemente seleccionar $('.ui-draggable');
.
Para lanzables, utilizaría .ui-droppable
, de tamaño variable es .ui-resizable
, seleccionable es .ui-selectable
para el contenedor a pesar de los elementos seleccionados son .ui-selectee
, es clasificable .ui-sortable
para el contenedor.
¿Qué es mejor? ¿Comprobar o comprobar la clase Css en los 'datos'? ¿Y por qué? –
Eso realmente depende de su implementación. Es muy fácil eliminar una clase, también es fácil eliminar algunos datos. Tengo la sensación de que esta pregunta es un síntoma de utilizar el enfoque equivocado. – zzzzBov
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 debe imprimir algo así como
Object {uiDraggable:.. $ (Función anónima) (función anónima)}
donde se pueden ver las propiedades del objeto.
utilizo Modernizr:
if (Modernizr.draganddrop) {
// use drag and drop
}
- 1. ¿Cómo se puede verificar si un elemento pertenece a un subtipo u otro?
- 2. cómo arrastrar desde un div desplazable a un droppable y luego arrastrar de nuevo?
- 3. ¿Cómo verificar si un objeto es convertible a otro tipo?
- 4. jQuery arrastrar y soltar - verificar una caída fuera de un droppable
- 5. jQuery Validation plugin: cómo verificar si un elemento es válido?
- 6. ¿Cómo verificar si __PRETTY_FUNCTION__ se puede usar?
- 7. jQueryUI: eliminar correctamente un elemento que se puede arrastrar
- 8. JQuery UI Arrastrable: ¿cómo se puede inicializar un elemento que se puede arrastrar?
- 9. ¿Es posible arrastrar y soltar contenido entre dos ventanas del navegador usando JQuery u otro método?
- 10. Verificar si la variable es un elemento de nodo válido
- 11. Determinar si se está compilando en Windows u otro sistema
- 12. Selenium IDE: ¿Cómo verificar si un elemento tiene un foco?
- 13. EXTJS - ¿Cómo verificar si el elemento existe?
- 14. Si el elemento está sobre otro elemento?
- 15. ¿Cómo puedo verificar si se llamó a un controlador usando post u get?
- 16. ¿Cómo puedo verificar si un objeto del juego puede ver otro?
- 17. comprueba si div contiene un elemento en jQuery
- 18. ¿Cómo verificar un archivo cargado ya sea una imagen u otro archivo?
- 19. ¿Cómo verificar si la lista se puede ordenar?
- 20. ¿Cómo verificar si existe un elemento de matriz?
- 21. jQuery UI eliminar elemento cuando se coloca en un div mediante .droppable
- 22. ¿Cómo puedo verificar si un vector es un subconjunto de otro?
- 23. jQuery UI - Droppable solo acepta un arrastrable
- 24. ¿Cómo verificar si un elemento de almacenamiento está configurado?
- 25. ¿Qué es exactamente un dispositivo conectado con BLE en iOS?
- 26. jQuery Droppable, obtener el elemento eliminado
- 27. IU de JQuery: anexar Arrastrable a Droppable
- 28. ¿Cómo se comprueba si una cadena no es igual a un objeto u otro valor de cadena en java?
- 29. jQuery arrastrar y soltar: cómo llegar al elemento que se está arrastrando
- 30. ¿Cómo puedo verificar si una variable es un objeto jQuery o un elemento DOM simple?
Por qué no puedes utilizar el selector original utilizaba cuando una instancia de '' droppable' o draggable'? – zzzzBov
@zzzzBov, mi conrol se carga utilizando AJAX, por lo que no sé qué sucedió en el documento. –
por favor muestra un código. No tengo idea de lo que estás hablando. Si está enviando algo de HTML a través de AJAX, ¿por qué importa si el elemento se puede arrastrar o arrastrar? – zzzzBov