Run a function after pagecontainer change

Run a function after pagecontainer change

I'm wanting to run a function after a pagecontainer change to populate my page from a DB. I'm looking for the same functionality as .ready() in jQuery.

I've seen both load and show, but I can't get either to work. I've used the following code:

  2. function goToHome(){
  3. $(':mobile-pagecontainer').pagecontainer('change', 'index.html', {
  4. show: alert('test'),
  5.        transition: 'slide',
  6.        changeHash: true,
  7.        reverse: false,
  8.        showLoadMsg: true,
  9.        reload: false
  10.    });
  11. }

But my alert is firing before page has loaded, I get the same thing with load too.

What am I doing wrong?

Thanks in advance.