Salve, ho problema e sinceramente non so se metterlo in css o js. In pratica sto creando un sito mobile, ho un campo cerca dove in base alla data inserita mi restituisce dei risultati. Io per comodità ma anche per estetica, visualizzo solo alcuni dati poi se l'utente preme su un elemento, visualizzo i restanti dati. In pratica quando l'utente cerca con una chiamata ajax prelevo tutti i dati dal server alcuni li visualizzo e altri li nascondo. Poi quanto l'utente preme su l'elemento con classe title visualizzo tutti gli altri tramite la funzione .toggle di jquery. Fin qui tutto ok, se faccio il test da pc funziona come dovrebbe, mentre se provo da telefono (nel mio caso iphone 4s) i div e come se esplodessero, si crea un effetto zoom e poi non funziona niente, e devo ricaricare la pagina per proseguire. Sapete dirmi cosa prova questo errore?
Questo e un esempio di codice che uso
codice:
function TestCerca(){$.ajax({
url: "http://sito.it\json.php",
dataType: 'json',
type: 'POST',
cache: false,
success: function(data){
$.each(data, function(key, value){
$('#result_cerca').append(
'<div id="box">'+
'<i id="title">Titolo:' + value.giorno + '</i>'+
'<div class="otherData">Giorno: '+ value.orario + '<br />'+
'Nota: '+ value.nota + '<br />'+
'Servzizo:'+ value.tipo_serv + '</div>'+
'</div>'
);
});
}
});
$('#result_cerca').on('click','#title', function() {
var myEl = $(this);
myEl.siblings('.otherData').toggle();
});
}