谷歌地图V3 infowindow用jquery改变不透明度

时间:2010-12-10 13:24:41

标签: jquery google-maps

代码是:

 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

1 个答案:

答案 0 :(得分:0)

你真的不需要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>");
            }