ciao ragazzi....

sto testando jquery mobile, ma ho un problema giga...

non riesco a mettere il caricamento fra le pagine... ho già provato di tutto ma non riesco a mettere ne il caricamento della pagina principale ne il caricamento tra pagine interne....

qualcuno sa come si fa?

questo è il codice

Codice PHP:

<!DOCTYPE html>
<html>

<head>
<title>Pagine Gialle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />

<script src="js/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>


<script>

$( document ).delegate("#home", "pageinit", function() {
 $.mobile.showPageLoadingMsg("a", "Loading theme a...");
});


$(document).ready(function () {
        
    app.initialize();
 
    $('#classifica').on('pagebeforeshow', function() {
        $('#leaderboard').appendTo('#classifica div[data-role="content"]');
    });
    
    $('#profile').on('pagebeforeshow', function() {
        $('#playerProfile').appendTo('#profile div[data-role="content"]');
    });
    
    $('#attivita').on('pagebeforeshow', function() {
        $('#activities').appendTo('#attivita div[data-role="content"]');
    });

    
});
</script>
   
</head>
<body>

<div class="app">    
    <div id="deviceready">
        <div class="bv_headerTab" bv_options='{"offset":0,"position":"top right","zIndex":9999,"playerMetaOptions":["avatar","trophy","display_name","notifications","points"]}' style=""></div>
        
        <div data-role="page" id="home">
            <div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
                <h1>Pagine Gialle</h1>
            </div>
            
            <div data-role="content">
                Contenuto
                
               
                
                <p id="geolocation">Finding geolocation...</p>

                
            </div>
            
            <div data-role="footer" data-tap-toggle="false" data-theme="a" data-position="fixed">
                <div data-role="navbar" class="custom-navbar">
                    <ul>
                        [*][url="#classifica"]Classifica[/url]
                        [*][url="#profile"]Profile[/url]
                        [*][url="#attivita"]Attività[/url]
                    [/list]
                </div>
            </div>
        </div>          

        <div data-role="page" id="classifica"> 
            <div data-role="header" data-tap-toggle="false" data-theme="a" data-position="fixed">
                <h1>Classifica</h1>
                [url="#home"]Back[/url]
            </div>

            <div data-role="content"> 
            
                    <div id="mapcontainer"></div>
            
            </div>
        </div>

        <div data-role="page" id="profile"> 
            <div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
                <h1>Login</h1>
                [url="#home"]Back[/url]
            </div>
            <div data-role="content" > 
                
            </div> 
        </div>

        <div data-role="page" id="attivita"> 
            <div data-role="header" data-theme="a" data-tap-toggle="false" data-position="fixed">
                <h1>Login</h1>
                [url="#home"]Back[/url]
            </div>
            <div data-role="content">
                
            </div>
        </div>
    </div>
</div>

<div style="position:absolute; margin-left:-9999px; width:0px; height:0px; overflow:hidden; visibility:hidden;">
    <div id="leaderboard">
        <div class="bv_leaderboard" bv_options='{"per_page":10,"name":"week"}'></div>
    </div>
    
    <div id="playerProfile">
        <div class="bv_playerProfile" bv_options='{"showActivities":false,"showRewards":true}' style=""></div>
    </div>
    
    <div id="activities">
        <div class="bv_activities"></div>
    </div>

    
</div>


</body>
</html> 
grazie mille in anticipo....