Discussion :

[diane621]

Bonjour,
J’utilise le plugin jquery GMAP3.
Le problème c’est que quand on clique sur le marqueur il affiche bien une infobulle. Mais je n’arrive pas à le faire disparaître lorsque je click sur la petite croix rouge.

Voici le code :
https://jsfiddle.net/bbug6spw/

J’ai codé une petite fonction jquery pour cacher l’infobulle mais je ne comprends pas pourquoi il ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 $(".close").click(function() {
                  console.log("ok");
                   $( ".infobulle" ).hide();
 
                });

Merci de votre aide.

[diane621]

Bonjour,

Voici ma solution

https://codepen.io/anon/pen/rvrGxa

[NoSmoking]

Bonjour,
sans passer par une fonction externe tu peux également écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
content:
  "<div class='infobulle" + (context.data.drive ? " drive" : "") + "'>" +
    "<div class='close' onclick='$( this).parent().hide()'>X</div>" +
    "<div class='bg'></div>" +
    "<div class='text'>" + context.data.city + " (" + context.data.zip + ")</div>" +
  "</div>" +
  "<div class='arrow'></div>",