Esto está funcionando:Enlazar controlador nativo HTML5 dragstart evento y el acceso dataTransfer usando jQuery
$(".my_dragging_class").each(makeDraggable($(this).get()[0]));
var makeDraggable = function (el){
el.draggable = 'true';
el.addEventListener('dragstart', function(e){
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/html', 'test');
console.log('dragstart');
},
false);
}
Esto no está funcionando: Mensaje de
$(".my_dragging_class").makeDraggable();
$.fn.makeDraggable(){
$(this).attr('draggable','true');
$(this).bind('dragstart', function(e){
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/html', 'test');
console.log('dragstart');
},
false);
}
error: que reciben un 'e.dataTransfer no está definido' para la línea e.dataTransfer.effectAllowed = 'move';
. Mi navegador es FireFox 10.0.2
¿Es posible usar dataTransfer con jQuery de esta manera?
¿Cómo es compatible con este método? Todo lo que hizo fue agregar "originalEvent", ¿verdad? Gracias. – tundoopani
@tundoopani [Este compatible] (http://caniuse.com/#search=drag%20and%20drop) – robertc
Soy muy nuevo en jQuery, pero cuando agrega el falso al final de la función de vinculación me impide arrastrando Eliminar el falso y todo funciona como se espera. –