Bind natywnej obsługi HTML5 dragstart wydarzenie i dostęp DataTransfer użyciu jQuery

Question

To działa:

$(".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); 
} 

to nie działa: Komunikat

$(".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); 
} 

Błąd: otrzymam "e.dataTransfer jest niezdefiniowany" dla linii e.dataTransfer.effectAllowed = 'move';. Moja przeglądarka to FireFox 10.0.2

Czy w ten sposób można użyć funkcji dataTransfer z jQuery?

Answer 1

Spróbuj:

$.fn.makeDraggable(){ 
    $(this).attr('draggable','true'); 
    $(this).bind('dragstart', function(e){ 
       e.originalEvent.dataTransfer.effectAllowed = 'move'; 
       e.originalEvent.dataTransfer.setData('text/html', 'test'); 
       console.log('dragstart'); 
       }, 
      false); 
} 

jQuery event object nie posiada własności dataTransfer.

Answer 2

jQuery event object nie posiada własności DataTransfer ... prawda, ale można spróbować:

jQuery.event.props.push('dataTransfer'); 

kr, zara