Google Maps V3 Infowindow изменить непрозрачность с помощью JQuery

Question

Код:

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

и

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

и я хочу, чтобы в качестве страны в Великобритании или США изменилась прозрачность #window div или infoWindow

Есть ли способ сделать это с помощью jQuery?

Thnx

Answer 1

Вам не нужен jQuery для этого. В вашем css определите класс с желаемыми настройками непрозрачности

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

        opacity: 0.5;

}

Измените вашу функцию, чтобы передать страну в качестве параметра и добавить класс в div в зависимости от желаемого значения

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

или если вы хотите использовать 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>");
            }