Problema con l'effetto Accordion di JQUERY
- Questo topic ha 0 risposte, 1 partecipante ed è stato aggiornato l'ultima volta 7 anni, 7 mesi fa da Ryuu.
- AutorePost
- 28 Settembre 2016 alle 09:54 #7007RyuuPartecipante
Salve a tutti; ho un problema con l’effetto a fisarmonica di jquery che nonostante svariate ricerche non ho trovato nulla, ho creato una pagina esempio libreria.php che contiene tutti i contenitori(DIV) che vengono richiamati dalla pagina principale. Nel contenitore “Progetti” ho inserito due effetti di JQUERY: il primo è l’effetto accordion(Fisarmonica) e l’altro un effetto di ingrandimento e rimpicciolimento per le immagini.
Qui sotto il contenitore Progetti:<div id="CodPage004" title="Progetti"> <div id="Fisarmonica"> <h3 class="Titolo001">Temi</h3> <div> <!--Questo contenitore(div) permette il corretto funzionamento dell'animazione a fisarmonica--> <div class="AreaDiAnimazione"> <div id="effetto" class="Zoom"> Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. </div> </div> <button id="ingrandisci" class="bottone" onClick="Ingrandisci()" value="MOSTRA"></button> <button id="riduci" class="bottone" onClick="Riduci()" value="NASCONDI" ></button> </div> <h3 class="Titolo001">Video</h3> <div> <p>Inserisci qui i video</p> </div> <h3 class="Titolo001">Modelli 3D</h3> <div> <p>Inserisci qui i modelli 3D</p> </div> </div> <script> var fisarmonica = '#Fisarmonica'; $(fisarmonica).ready(function(e) { Nascondi(); Effetto_a_Fisarmonica('#Fisarmonica'); }); </script> </div> <!-- Progetti-->
Siccome che io nella index.php richiamo il contenitore progetti prima della chiusura del tag ho messo gli script che richiamano le due funzione esterne contenuti nella pagina script.js.
Se faccio partire il debug della pagina libreria.php funziona correttamente ma se la richiamo dalla pagina index.php è come se non avessi messo alcuna animazione.
Qui sotto metto ci sono le funzioni esterne che vengono richiamate dal contenitore MA solo l’effetto a fisarmonica non va:function Ingrandisci() { //$( ".Nome della classe che sta nel css" ).switchClass( "nome della classe css che aumenterà la dimensione", "nome della classe che riduce la dimensione ", velocità di animazione in secondi-> 2000 ); $( ".Zoom" ).switchClass( "Zoom", "RimuoviZoom", 2000 ); Mostra(); } function Riduci() { //$( ".nome della classe che riduce la dimensione" ).switchClass( "nome della classe che rididuce la dimensione", "nome della classe css che aumenterà la dimensione ", velocità di animazione in secondi-> 2000 ); $( ".RimuoviZoom" ).switchClass( "RimuoviZoom", "Zoom", 2000 ); Nascondi(); } //Funzione che mi permette di zummare in avanti function Mostra() { //Nascondo il bottone mostra e mostrando il bottone nascondi $('button[value~="MOSTRA"]').hide(); $('button[value~="NASCONDI"]').show(); } //Funzione che mi permette di zummare indietro function Nascondi() { //Nascondo il bottone nascondi e mostrando il bottone mostra $('button[value~="NASCONDI"]').hide(); $('button[value~="MOSTRA"]').show(); } //Funzione che mi permette di dare l'effetto a fisarmonica function Effetto_a_Fisarmonica(NomeIDoClasse) { $(function() { $(NomeIDoClasse).accordion(); }); }
In pratica che io metta il nome della funzione da richiamare nel tag <head /> ho alla fine del contenitore Progetti è come se lo <script /> venisse ignorato e dato che non carico tutta la pagina non posso inserirlo prima della chiusura del </ body>.
Come posso risolvere questo problema sto diventando matto… - AutorePost
- Devi essere connesso per rispondere a questo topic.