Googleマップの情報ウィンドウで画像のスライダーを実行する

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

あなたは「あなたが、 `$（実行する必要が

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