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