Moi,
Käytän Jquery Mobile alustaa, jonne varaussystemiin rakensin .loadit. Eli kun linkkiä klikkaa, se hakee pyynnön php:stä ja palauttaa TRUE tai FALSE, eli se teksti mitä on klikattu, pitäisi muuttua.
iPhone Web App:ssä linkkiä ei saa klikattua, ei tapahdu mitään. Pöytäkoneella safari-selaimessa klikkaus kuitenkin pelaa. Onko ajatuksia mistä johtuu?
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">20.06.2014</li>
<li><a href="#" class="detailed1">0708 <span id="main1"><span class="ui-li-count" style="color: green;">VAPAA</span></span></a></li>
<li><a href="#" class="detailed2">0809 <span id="main2"><span class="ui-li-count" style="color: green;">VAPAA</span></span></a></li>
</ul>JavaScript näyttää tältä
<script type="text/javascript" language="javascript">
$(document).ready(function() { $('.detailed1').click(function(){ $('#main1').load('lista-varaa.php?kohde=140618 #main', function() { }); }); });
$(document).ready(function() { $('.detailed2').click(function(){ $('#main2').load('lista-varaa.php?kohde=145655 #main', function() { }); }); });
</script>Mitähän lista-varaa.php sisältää tuon id="main" osalta?
Muutenkin noi näyttää jotenkin puutteellisilta, kun latauksella ei tehdä mitään (tyhjä funktio).
readyäkään tuskin tarvitsee jokaiselle clickille, vaan voit laittaa noi clickit yhden $(document).readyn sisään.
Moi Lebe80,
Sain koodia toimimaan. Ilmeni uusi ongelma, jos sitä on kerran klikattu, niin sitä ei enää pysty klikata toisen kerran. Esim. klikkaa Varaa => Varattu, mutta ei voi klikata uudestaan peruaakseen varaus. Onko tähän joku keino?
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('.detailed1').click(function(){
$('#main1').load('?kohde=140618 #main', function() { }); });
$('.detailed2').click(function(){
$('#main2').load('?kohde=145655 #main', function() { }); });
});
</script>Aihe on jo aika vanha, joten et voi enää vastata siihen.