Hi there, 

I am using Amelia on a website and the classes are set up as Events.

I have customised the Event List view with CSS and also with Javascript. The javascript removes the "select" button from 'below-the-fold' in the events list view and places it above the fold so users can select an event without having to click for more details first. 

The problem I'm having is that sometimes my javascript function is running before the Events List has loaded, and the buttons are not being moved. 

Is there a javascript hook or event that fires when the Events List has fully loaded, that I could use in my function so that it isn't run until it's ready? 

Thanks

Hannah

Hi Marko, 

Thanks for your response. I tried this and it does seem to work, but I'm only able to affect changes to the Amelia set-up if I bind it to a click event once Amelia has finished loading. 

For example, if I use this

window.ameliaEventsLoaded = function (events) {
console.log('amelialoaded');
}

This works as expected and it logs a message to the console that Amelia has loaded. 

Whereas if I use this:  

window.ameliaEventsLoaded = function (events) { 
              jQuery( ".am-event" ).each(function( index ) {
                    console.log('foundevent');
                  });
                }

Nothing happens; nothing is logged to the console as the events have not been found. 

However, if I use this and bind it to a click event: 

window.ameliaEventsLoaded = function (events) { 
jQuery('.single-live-class .ajax_add_to_cart').on('click', function () {
  jQuery( ".am-event" ).each(function( index ) {
    console.log('foundevent');
  });
});
}

Then I get messages logged to the console again because the events have been found. 

Do you know why the function doesn't work if I use it without a click event? I would assume that if I'm using it inside the 'ameliaEventsLoaded' function then it would run once Amelia has loaded and look within it for the events? 

Thanks

Hannah