Bonjour,
J'ai 3 div déplaçables. J'aimerai que lorsque l'on en déplace une sur une autre, celle qui se déplace soit au premier plan systématiquement.
J'ai utilisé Jquery pour le code suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 $(function() { $( "#date" ).draggable({ containment: "#map", scroll: false, handle: ".bouge", stack: "#date" }); $( "#choixindice" ).draggable({ containment: "#map", scroll: false, handle: ".bouge", stack: "#choixindice" }); $( "#legende" ).draggable({ containment: "#map", scroll: false, stack: "#legende" }); });
Le problème est que ça marche (avec stack)... mais au bout de la 3ème fois ! Je m'explique: il faut déplacer 3 fois une div avant qu'elle veuille bien passer un premier plan: les coups d'avant, elle se déplace derrière les autres. Et je n'ai aucune idée du pourquoi ce cet effet retardé.
Je précise qu'au départ (dans le CSS), les 3 div ont le même z-index.
Une idée pour que ça marche directement ?
Partager