jquery - 谷歌地图信息气泡内的滑块第一次不起作用？

Question

我正在使用谷歌地图信息气泡，在信息气泡内我显示了一个滑块，该滑块只有在第二次单击标记后才能正常工作，当我第一次单击时滑块不起作用，即使我像这样在 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 });
    });
   });   
});

只有在第二次单击后才会发出警报。请帮助我摆脱这个问题

Answer 1

infoWindow 可能不是在时间jQuery(document).ready()触发时创建的。请发布更完整的代码部分或现场演示的链接。否则，请尝试在函数 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 });
        });
       });   
    });