cómo evitar jQuery UI arrastrable desde también activar evento click

Question

A tiene un div grande (un mapa) que se puede arrastrar mediante jQuery UI arrastrable. El div tiene divs para niños en los que se puede hacer clic.

Mi problema es que si arrastra el mapa, con el mouse hacia arriba, el evento click se activa en cualquier div del niño desde el que inició el arrastre.

¿Cómo puedo detener el mouse desde la activación del evento click si es parte de un arrastre (en lugar de simplemente hacer clic sin arrastrar, en cuyo caso se desea el evento click).

Answer 1

¿Podría quizás establecer una variable como "justDragged = true" al iniciar la operación de arrastrar y luego en el evento mouseUp comprobar esta variable y si es verdadero, configurarlo en false y luego hacer un event.preventDefault + return w/o haciendo algo. De esta manera, se salta el primer clic después del arrastre. Parece un poco hackish, quizás otros tendrán una solución más elegante.

Answer 2

Tuve este problema y la solución es aplicar el controlador de eventos arrastrable ANTES del controlador de eventos click. Estaba cambiando el código y de repente tuve este problema. Finalmente me di cuenta de que había cambiado el orden en el que apliqué los controladores. Cuando lo cambié de nuevo, las cosas empezaron a funcionar correctamente otra vez; el arrastre no causó un clic.

Answer 3

Una alternativa es simplemente no permitir que arrastra desde las zonas se puede hacer clic en el arrastrable:

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

Esto funciona porque "one-oyentes" se disparan antes"normal" oyentes. Entonces, si un solo oyente detiene la propagación, nunca llegará a los oyentes previamente establecidos.