I am building a phonegap application that uses jquery mobile navigation. I have an external php page that queries items from Db and loads them to my app. so I am using
$(document).delegate("#cardslist", "pageinit", function() {
$.mobile.changePage( "data/card-list.html", { transition: "fade", changeHash: false });
);
});
where card-list.html is an internal page and its content is
$(document).delegate(".cardslist", "pageinit", function() {
$.ajax({
method:'GET',
url:'http://www.thecardguys.co.ke/m/card-list-mobile.php',
beforeSend:function()
{
// $("#processing").show();
},
complete:function ()
{
// $("#processing").hide();
},
success: function(feedback)
{
$('.cardlist').html(feedback);
$('.cardlist').css({'transform': 'scale(0.6)'});
}
});
}
http://www.thecardguys.co.ke/m/card-list-mobile.php is an external php page that fetches data and echoes it.
content is loading well in ripple emulator, but when I bundle the app the data won't load. it has been a week now