Google Maps V3 InfoWindow modifier leur opacité par jquery

Question

Le code est:

function bindInfoWindow(marker, map, infoWindow, html) {       
     google.maps.event.addListener(marker, 'click', function() { 
     infoWindow.setContent("<div id='window'>" + html + "</div>"); 
    } 

et

var html = "<b>" + title + "</b> <br/><b>" + country; 

et je veux lorsque le pays est au Royaume-Uni ou des États-Unis pour changer l'opacité du #Fenetre div ou infoWindow

Y at-il un moyen de le faire avec jQuery?

thnx

Answer 1

Vous ne avez pas vraiment besoin jQuery pour le faire. Dans votre css définir une classe avec vos paramètres d'opacité souhaités

.opacity { 
filter:alpha(opacity=50); //IE 

     opacity: 0.5; 

} 

Modifier votre fonction pour passer un pays en tant que paramètre et ajoutez la classe à la div en fonction de la valeur souhaitée

function bindInfoWindow(marker, map, infoWindow, html, country) {       
      google.maps.event.addListener(marker, 'click', function() { 
    opacityClass = (country=="UK" || country == "US") ? "opacity" : ""; 

infoWindow.setContent("<div id='window' class="+opacityClass+">" + html + "</div>"); 
     } 

ou si vous vouloir utiliser jquery

 function bindInfoWindow(marker, map, infoWindow, html, country) {       
       google.maps.event.addListener(marker, 'click', function() { 
     if (country=="UK" || country == "US") { 
$("#window").addClass("opacity") 
} 

    infoWindow.setContent("<div id='window'>" + html + "</div>"); 
      }