在谷歌地图信息窗口中运行图像滑块

Question

我试图在Google地图信息窗口中显示图像滑块。但没有错误，但滑块不起作用。

我想要做的和图片一样。

$(document).ready(function() { // runs jquery when document is ready 

     function initialize() { 

     var uluru = { 
      lat: -25.363, 
      lng: 131.044 
     }; 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 4, 
      center: uluru 
     }); 

     var contentString = '<div id="content"><ul id="slider"><li><img src="demos/images/slide-civil-1.jpg" alt=""></li><li><img src="demos/images/slide-env-1.jpg" alt=""></li><li><img src="demos/images/slide-civil-2.jpg" alt=""></li><li><img src="demos/images/slide-env-2.jpg" alt=""></li></ul></div>'; 

     var infowindow = new google.maps.InfoWindow({ 
      content: contentString 
     }); 

     var marker = new google.maps.Marker({ 
      position: uluru, 
      map: map, 
      title: 'Uluru (Ayers Rock)' 
     }); 
     marker.addListener('click', function() { 
      infowindow.open(map, marker); 
     }); 

     google.maps.event.addListener(infowindow, function() { 
      $('#slider').anythingSlider(); 

     }); 
     } 
     initialize(); 

    }); 

Answer 1

您需要在domready事件的信息窗口的运行$('#slider').anythingSlider();（你缺少你的事件侦听器的事件名称），你需要运行`$

google.maps.event.addListener(infowindow, "domready", function() { 
     $('#slider').anythingSlider(); 
});