2016-06-23 11 views
11
<div className="kat-project-user-timeline-drag-indicator-wrapper-bottom" 
    onDrag={(event) => {this.dragTask(event)}}> 
</div> 

dragTask(event) { 
    console.log("logic goes here") 
} 

Die Funktion wird nicht zum ersten Mal aufgerufen. Aber ab dem zweiten Mal funktioniert es gut. Ich habe versucht, mit event.preventDefault(), aber es funktioniert nicht.Ereignis "onDrag" wird in react.js nicht ausgelöst

+0

Wenn Sie Zustand: 'Die Funktion zum ersten Time' wird, nicht im immer genannt Ihre Logik mit einem Klick alles tun? bewegst du dich auch (ziehen), oder drückst du einfach das div ohne Maus/Finger zu bewegen? – Bonatti

+0

Ich stoße auch auf dieses Problem - das erste Mal, wenn ich ein Element ziehe, wird kein Ziehereignis ausgelöst, aber es wird dann zum zweiten Mal ohne Fehler ausgelöst. Amala - verwenden Sie jQuery auf der gleichen Seite? Nachdem ich mehrere Stunden damit verbracht habe, konnte ich keine Antworten finden, also versuche ich jetzt, Skripte zu eliminieren, um zu sehen, ob es Interferenzen gibt. – jacobedawson

+0

@jacobedawson Ich habe das Problem gefunden. Ich benutzte eine Bibliothek zum Drag & Drop, die meinen Funktionsaufruf zum ersten Mal überschrieb. Es funktionierte, als ich die Bibliothek entfernte. Ich benutze jQuery nicht, aber react.js –

Antwort

8

Versuchen Hinzufügen draggable="true" und sehen, ob das funktioniert:

<div draggable="true" className="kat-project-user-timeline-drag-indicator-wrapper-bottom" 
onDrag={(event) => {this.dragTask(event)}}> 
</div> 

dragTask(event) { 
    console.log("logic goes here") 
} 
Verwandte Themen