Terve,
Käytän jQuery Mobile, jQueryä ja Android-emulaattoria apuna opetellessani tekemään pieniä mobiliisivuja. Ongelmana on, että haluan ladata contentin sisään jQueryllä ensimmäisen sivun, joka siis on erillisenä tiedostona, ja tämä toimiikin muuten hyvin selaimessa, mutta ääkköset eivät tule oikein. Emulaattori taas ei osaa ladata edes jQuery Mobilen tyylejä ja ääkkösetkin menevät sekaisin. Headissa on kyllä määritelty utf-8 ja ääkköset toimivat silloin, kun testi-sivun koodit laittaa suoraan contentin sisään, eikä lataa niitä loadilla. Mistä mahtaa johtua ja onko load() edes oikea tapa tähän? Alla vielä esimerkkiä.
<body>
<menu data-role="page">
<header data-role="header"><h1>Testi Header</h1></header>
<div data-role="content" id="content">
<script>$('#content').load('pages/testi.html');</script>
</div>
<footer data-role="footer" id="footer"><h1>Testi Footer</h1></footer>
</menu>
</body>Sinun pitää säätää palvelimella (mahdollisesti palvelimen asetuksista tai PHP-koodilla) tiedostoille oikea merkistökoodaus eli lähettää HTTP-otsikko Content-Type: text/html; charset=UTF-8. Tietenkin tiedostot pitää myös tallentaa käyttäen kyseistä merkistöä. Jos asetusten korjaaminen ei jostain syystä ole mahdollista, voit kokeilla purkkaviritelmiä.
Ääkköongelma ratkesikin edellisillä ehdotuksilla, eli kiitos niistä. Onko vielä tietoa, että miksi Android-emulaattori ei pysty lataamaan jQuery Mobilen tyylejä, kun sivu ladataan load():lla? Jostain syystä ei osaa käyttää Css-tiedostoa. Pitäisikö sivu päivittää jotenkin loadin yhteydessä, että löytäisi sen...?
Vielä tähän lisäksi, että Chrome antaa virheen XMLHttpRequest cannot load file:///C:/Users/... Origin null is not allowed by Access-Control-Allow-Origin. ja load() ei toimi lainkaan Chromella, mutta Firefoxilla jotenkin.
Aihe on jo aika vanha, joten et voi enää vastata siihen.