Scooterboy82

+1

Great, thanks for that Devin, I’ll give it a try with the bootstrap tabs so.

For anyone else who is trying to get it working with something else, here is a quick jQuery solution I figured out yesterday just after posting. I’m using mulitple map builder shortcodes inside the responsive tabs shortcodes. It gets the number of maps with the ‘google-maps-builder’ class and resizes the maps when a tab is clicked so that the current map will always render correctly. Seems to work perfect for me.

$('.responsive-tabs__list__item').on( "click", function() {
          var numItems = jQuery('.google-maps-builder').length;
          for(var i=0; i< numItems; i++){
             google.maps.event.trigger(document.getElementsByClassName("google-maps-builder")[i], 'resize');
          }
        });

Has this issue been resolved yet. Really need to trigger google.maps.event.trigger(map, ‘resize’) as the map shortcodes need to be in responsive tabs on a site I’m working on.

Thanks
Aaron

For anyone else trying the same I managed to complete this by the following code…

$( '.cycloneslider-slides' ).on( 'cycle-after', function( event, opts ) {
    console.log("test");
    });

I have tried the following with no success…..

$('#cycloneslider-homepage-1').bind({
        slidechange : function(event,ui) {
            console.log("test");

        }
    });