jQuery Italia - Forum » Supporto ed Aiuto » Problemi con jQuery

IE 7-8 effetti su div no, IE 9 effetti si.. :D

(3 articoli)
  1. biglorenz
    Membro

    Buonasera a tutti,
    nei miei ritagli di tempo cerco sempre più di perfezionare le conoscenze su questo stupendo e framework! :-D

    Arrivato a questo punto sono riuscito a scrivere delle piccole parti di codice che permettono lo show e l'hide  di alcuni elementi in un pagina e con le varie letture e indicazioni sono riuscito ad utilizzare delle parti di codice già pronte quando serviva.. :-)
    E fino a qui tutto abbastanza bene a parte qualche mio errore di richiami.. :-)
    Ora inizia la parte dolente, ovvero il test del lavoro svolto per vedere se e quanto è se è cross-browser.. :D

    Piccola cuiriosità che ho notato è che IE8 fa le bizze con alcune parti  di codice jQ.
    Esempio sul fadeIn() di un div contenente alcuni elementi tra cui delle immagini. Ho notato che vengono prima visualizzate le immagini e le descrizioni che sono nel div  e successivamente gli altri div contenuti nel divmain, creando un'effetto non propio carino....
    Naturalmente ho fatto le prove con IE9,Chrome,Safari,e Firefox e tutto si comporta come deve :-)
    Piccola curiosità è possibile questa cosa? :-)
    Per assurdo sembra che IE9 sia più "standarizzato" verso gli altri browser rispetto alle altre versioni.. :-D

    Premetto che gli show dei div vengono fatti con del codice tipo:
    $('#cuc').live('click',function(){
    if($('#desc').is(':visible')){
    $('#desc').fadeOut();
    $('#cucine').fadeIn('slow');
    }
    else{
    $('#cucine').fadeIn(1000);
    $('#giorno').hide();
    $('#notte').hide();
    }
    });
     
    Dite che potrebbe essere una questione di ottimizzazione del codice? :-)
    Io controllo se un div è visibile se si lo nascono e ne faccio apparire un'altro, altrimenti visualizzo il div cucine e nascondo tutti gli altri div nella pagina(dovrei controllare se sono attivi e poi eventualmente nasconderli.. :D) ma la parte di miglioramento del codice la volevo fare in un secondo momento.. :-)
    Suggerimenti e critiche sono ben accetti! :-D
    Saluti
    Lorenzo

    Pubblicato 6 months fa #
    Register
  2. kolmogorov
    Membro

    Ciao, in generale IE9 si attiene "di più agli standard" rispetto ai predecessori, sui quali bisogna porre, purtroppo più attenzione e quindi più fatica per eventuali problemi di crossbrowsing. Il fadin e fadeout utilizzano l'opacity per fare il loro lavoro, per cui un'ipotesi potrebbe essere la gestione dell'opacità da parte di IE7/8.
    Prova ad applicare la proprietà css->  filter: inherit;
    a tutti gli elementi contenuti dentro l'elemento (elementi figli) di cui fai il fadIn/out ovvero nel tuo caso su
    #desc e su #cucine.
    Fai inoltre delle prove variando il tipo di posizionamento degli elementi figli rispetto al padre (contenitore.)

    Pubblicato 6 months fa #
    Magical rainbow ponies
  3. biglorenz
    Membro

    rieccomi qua.. :D

    Si in effetti ho notato che tutto ciò che funziona con mozzilla,safari e chrome al 95% funziona anche su IE9... Ie 7-8 sono propio lontani...vanno propio a se! :) purtroppo!!

    Cmq ho provato ad aggiungere il parametro che mi hai suggerito, ma non è cambiato nulla.
    Io nel mio progettino sto utilizzando per quasi tutti gli elementi che compongono le pagine posizioni assolute. :-)

    Il problema che ho notato, è utilizzando la fadeIn() e IE 7-8.
    Si nota propio una latenza esagerata nel fadeIn.
    Visto che le cose da implementare sono ancora parecchie, ho fatto alcune prove e per garantire una sorta di cross-browsing accettabbile con i vari brower, la soluzione la momento è stata non utilizzare il fadeIn() per visualizzare gli elementi nascosti ma la show.. :D
    In questo modo l'effetto grafico diminuisce notevolmente ma il risultato è uguale con tutti i browser.. :D
    Per ora lo terrò cosi!
    La fase di test finale sarà quando il sito sarà on-line.. :-)

    Per ora grazie dei suggerimenti.. :D
    Saluti
    Lorenzo

    Pubblicato 6 months fa #

RSS feed for this topic

Replica

Devi aver fatto il login per poter pubblicare articoli.