谷歌地图信息泡沫中的滑块第一次无法正常工作?

时间:2012-10-19 05:13:37

标签: jquery jquery-ui google-maps google-maps-api-3 slider

我正在使用谷歌地图信息泡泡和信息泡泡里面我显示了一个滑块,只有在第一次点击标记后才能正常工作,当我第一次点击滑块不起作用时,即使我在这样的domready上给它了

jQuery(document).ready(function () {    
   initialize();  
   google.maps.event.addListener(infoBubble, 'domready', function(){
    // initiate slider here
       jQuery('.map_slider').each(function(){ 
        var slid_id = (this.id);alert('in'+slid_id);
        jQuery("#"+slid_id).easySlider({nextId: ""+slid_id+"next",prevId: ""+slid_id+"prev",prevText:'<img src="images/prev.png" />',nextText:'<img src="images/next.png" />',tempstr:slid_id,continuous: true });
    });
   });   
});

警告仅在第二次点击后发出。请帮我解决这个问题

1 个答案:

答案 0 :(得分:1)

infoWindow可能不是在jQuery(document).ready()次发生时创建的。请发布您的代码的更完整部分或现场演示的链接。否则,尝试将infowindow作为全局变量创建,在函数initialize()之外:

var infoBubble = new google.maps.InfoWindow();

    jQuery(document).ready(function () {    
       initialize(); 
       google.maps.event.addListener(infoBubble, 'domready', function(){
        // initiate slider here
           jQuery('.map_slider').each(function(){ 
            var slid_id = (this.id);alert('in'+slid_id);
            jQuery("#"+slid_id).easySlider({nextId: ""+slid_id+"next",prevId: ""+slid_id+"prev",prevText:'<img src="images/prev.png" />',nextText:'<img src="images/next.png" />',tempstr:slid_id,continuous: true });
        });
       });   
    });