comment éviter que l'interface utilisateur de l'interface utilisateur jQuery ne déclenche également l'événement de clic

Question

A avoir un grand div (une carte) qui peut être déplacé via l'interface utilisateur de jQuery. Le div a des divs enfants qui sont cliquables.

Mon problème est que si vous faites glisser la carte, à la souris, l'événement click est déclenché sur n'importe quel enfant div que vous avez commencé à faire glisser. Comment empêcher la souris de déclencher l'événement click si elle fait partie d'un glisser (par opposition à quelqu'un qui clique sans glisser, auquel cas l'événement click est souhaité).

Answer 1

Pourriez-vous définir une variable telle que "justDragged = true" lors du démarrage du glisser puis sur l'événement mouseUp vérifier cette variable et si vrai, définissez-la sur false, puis faites un event.preventDefault + return w/o faire quelque chose. De cette façon, il saute le premier clic après le glisser. Semble un peu hackish, peut-être que d'autres auront une solution plus élégante.

Answer 2

J'ai rencontré ce problème et la solution consiste à appliquer le gestionnaire d'événements draggable AVANT le gestionnaire d'événements click. Je déplaçais du code autour et soudainement eu ce problème. J'ai finalement réalisé que j'avais changé l'ordre dans lequel j'ai appliqué les gestionnaires. Quand je l'ai rétabli, les choses ont recommencé à fonctionner correctement - le glisser n'a pas causé de clic.

Answer 3

Une autre solution consiste à tout simplement pas permettre à glisser des zones cliquables dans le draggable:

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

Cela fonctionne parce que "one-auditeurs" sont mis le feu avant"normal" auditeurs. Donc, si un one-listener arrête la propagation, il n'atteindra jamais vos écouteurs précédemment définis.