Lier le gestionnaire d'événements natif html5 dragstart et accéder à dataTransfer à l'aide de jQuery
Cela fonctionne:
$(".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);
}
Ce n'est PAS de travail:
$(".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);
}
Message d'erreur: je reçois un 'e.dataTransfer est undefined' pour la ligne e.dataTransfer.effectAllowed = 'move';
. Mon Navigateur est FireFox 10.0.2
Est-il possible d'utiliser dataTransfer avec jQuery de cette façon?
source d'informationauteur Simon | 2012-03-05
Vous devez vous connecter pour publier un commentaire.
Essayer:
La jQuery objet d'événement ne dispose pas d'un
dataTransfer
propriété.La jQuery objet d'événement n'ont pas de propriété dataTransfer...
vrai, mais on peut essayer:
kr, zara