come evitare l'UI jQuery trascinabile dall'attivare anche l'evento click

Question

A avere un div div (una mappa) trascinabile tramite l'interfaccia utente jQuery trascinabile. Il div ha divs figlio che sono cliccabili.

Il mio problema è che se si trascina la mappa, con il mouse su, l'evento click viene attivato su qualsiasi div da bambino da cui è stato avviato il trascinamento.

Come arresto il mouse dall'attivazione dell'evento click se la sua parte di trascinamento (a differenza di qualcuno che fa semplicemente clic senza trascinamento, nel qual caso l'evento click è desiderato).

Answer 1

Potrebbe forse impostare una variabile come "justDragged = true" all'avvio del trascinamento e quindi sull'evento mouseUp controllare questa variabile e se è true, impostarlo su false e quindi eseguire event.preventDefault + return w/o fare qualsiasi cosa In questo modo salta il primo clic dopo il trascinamento. Sembra una specie di hackish, forse altri avranno una soluzione più elegante.

Answer 2

Ho avuto questo problema e la soluzione è di applicare il gestore di eventi trascinabile PRIMA del gestore di eventi click. Stavo spostando del codice e improvvisamente ho avuto questo problema. Alla fine ho capito che avevo cambiato l'ordine in cui ho applicato i gestori. Quando l'ho riacceso, le cose hanno iniziato a funzionare correttamente, il trascinamento non ha causato un clic.

Answer 3

Un'alternativa è quella di semplicemente non permettere il trascinamento dalle aree cliccabili all'interno del trascinabile:

jQuery UI Draggable API

Answer 4

$('.selector').draggable({ 
    stop: function(event, ui) { 
     // event.toElement is the element that was responsible 
     // for triggering this event. The handle, in case of a draggable. 
     $(event.originalEvent.target).one('click', function(e){ e.stopImmediatePropagation(); }); 
    } 
}); 

Questo funziona perché "one-ascoltatori" vengono sparati prima"normale" ascoltatori. Quindi, se un solo ascoltatore interrompe la propagazione, non raggiungerà mai i listener impostati in precedenza.