Tengo una página llamada servicesDetails.html que tiene enlaces. La url se ve a continuación.

../Myapp/servicesDetails.html?servicetype=Advanced&serviceid=1208

Los enlaces al hacer clic carga una página interna llamadaaudioListPage Con algunos parámetros, el enlace se ve así.

<a href="#audioListPage?audioid=123&audiotype=mp3" class="loadAudio" data-role="button" data-mini="true" data-inline="true">

Una vez que se carga el audioListPage, la url cambia a

../Myapp/servicesDetails.html?servicetype=Advanced&serviceid=1208#audioListPage?audioid=123&audiotype=mp3

Necesito mostrar al usuario con el audioid y el audiotipo cuando se carga audioListPage, ¿cómo hago esto?

Basado en un comentario a continuación, probé esto

$.urlParam = function(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
}

$('#audioListPage').live('pagecreate',function(event) {
   console.log($.urlParam('audioid '));//this is giving me an error
});

Verifiqué por qué estaba ocurriendo el error y descubrí que window.location.href solo me da .../Myapp/servicesDetails.html?servicetype=Advanced&serviceid=1208, no la URL actualizada. No estoy seguro de si estoy llamando al $ .urlParam ( ) en el evento correcto