Ciao a tutti, è la prima volta che posto in questo forum..
Premetto la scarsa esperienza con javascript e jquery.
Ecco il mio problema: devo far convivere due jquery nella stessa pagina, uno per un menù a tendina e uno per un effetto fade su una gallery. Ho riportato nella stessa pagina i vari codici che inizialmente erano in due file separati, ma al momento della visualizzazione funziona solo il menù a tendina.
Ho già provato a risolvere il problema con righe di codice come jQuery.noConflict(); e simili,
o a seguire consigli di vari forum, compreso questo ma nulla. Funziona solo un jquery alla volta.
Vi posto di seguito il codice della pagina, può essere che html dia priorità al jquery del menù perchè è un file esterno? non so eh, vado per tentativi..
Eccovi il codice della pagina
codice:<head> <title> </title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <meta name="Robots" content="All" /> <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" /> <meta name="Keywords" content="javascript" /> <meta name="Owner" content="HTML.it srl" /> <meta name="Author" content="HTML.it srl" /> <meta name="Copyright" content="HTML.it srl" /> <link rel="shortcut icon" href="favicon.png"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> <script src="jquery.galleryFocus.js"></script> <script>$(function(){ var demo = $('#demo img'); demo.galleryFocus(); demo.click(function(){ $('.ggg').removeClass('ggg'); $(this).addClass('ggg'); demo.galleryFocus('update'); }); $('#controls input').change(function(){ var action = $(this).attr('id'); switch(action){ case 'c-overlay': { if($(this).is(':checked')){ demo.galleryFocus('overlay', true); } else { demo.galleryFocus('overlay', false); } } break; case 'c-radius': { var value = $(this).attr('value'); demo.galleryFocus('set', 'radius', value); } break; case 'c-fadeTo': { var value = $(this).attr('value'); demo.galleryFocus('set', 'fadeTo', value); } break; case 'c-invert': { var value = $(this).is(':checked'); demo.galleryFocus('set', 'invert', value); } break; case 'c-cursor': { if($(this).is(':checked')){ $('#source-hint').fadeOut(); demo.galleryFocus('source', 'cursor'); } else { $('#source-hint').fadeIn(); demo.galleryFocus('source', '.ggg'); } } break; } }); $('.page').hide(); // page links $('#nav a').not(':last-child').click(function(){ $('#nav a').removeClass('active'); $(this).addClass('active'); // switch page var page = $(this).attr('href'); $('.page').hide(); $(page).delay(200).show(); return false; }); $('#nav a:first-child').trigger('click'); });</script> </head> <body> <div id="page" style="z-index:10;"> <link rel="stylesheet" type="text/css" href="css/perslice.css" /> <form method="post" action=""> <select name="fancySelect" class="makeMeFancy"> <option value="0" selected="selected" data-skip="1">Elena Rosso</option> <option value="1" data-icon="images/iphone.png" data-html-text=" <i>CONTACT</i>">Elena Rosso</option> <option value="2" data-icon="images/Logo%20Pdf.png" data-html-text="<i>SCARICA PDF</i>">Elena Rosso</option> </select> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script src="js/script.js"></script> </div> <div id="header"> <div id="nav"> </div> <div id="content" style="z-index:1;"> <div class="page" id="usage"> <script src="https://gist.github.com/1003983.js?file=gistfile1.js"></script> </div> <div class="page" id="demo"> [img]../../materiale/thumb/80.jpg[/img] http://[img]../../materiale/thumb/ma....jpg[/img] [img]../../materiale/thumb/pettiviola.jpg[/img] [img]../../materiale/thumb/ingranaggi.jpg[/img] [img]../../materiale/thumb/almablu.jpg[/img] [img]../../materiale/thumb/petunia.jpg[/img] [img]../../materiale/thumb/nebbiolo.jpg[/img] [img]../../materiale/thumb/rclab.jpg[/img] [img]../../materiale/thumb/meriame1.jpg[/img] [img]../../materiale/thumb/PsicRed.jpg[/img] [img]../../materiale/thumb/res.jpg[/img] [img]../../materiale/thumb/psicViolet.jpg[/img] [img]../../materiale/thumb/PsicBlu.jpg[/img] [img]../../materiale/thumb/PsicYellow.jpg[/img] [img]../../materiale/thumb/belle.jpg[/img] [img]../../materiale/thumb/commissione.jpg[/img] http://[img]../../materiale/thumb/bu....jpg[/img] [img]../../materiale/thumb/limasa1.jpg[/img] [img]../../materiale/thumb/barbera.jpg[/img] [img]../../materiale/thumb/canileRosso.jpg[/img] [img]../../materiale/thumb/claustro2.jpg[/img] [img]../../materiale/thumb/eleesa.jpg[/img] [img]../../materiale/thumb/dolcetto.jpg[/img] [img]../../materiale/thumb/myperslug.jpg[/img] [img]../../materiale/thumb/buidingBLU.jpg[/img] http://[img]../../materiale/thumb/co....jpg[/img] [img]../../materiale/thumb/claustro.jpg[/img] [img]../../materiale/thumb/claustro3.jpg[/img] [img]../../materiale/thumb/europemail.jpg[/img] [img]../../materiale/thumb/grigi.jpg[/img] http://[img]../../materiale/thumb/ca....jpg[/img] http://[img]../../materiale/thumb/vi....jpg[/img] [img]../../materiale/thumb/maglietta.jpg[/img] [img]../../materiale/thumb/222.jpg[/img] http://[img]../../materiale/thumb/ma....jpg[/img] [img]../../materiale/thumb/meplease.jpg[/img] [img]../../materiale/thumb/Agrigio.jpg[/img] [img]../../materiale/thumb/meriame2.jpg[/img] [img]../../materiale/thumb/monfolkfest.jpg[/img] http://[img]../../materiale/thumb/cl....jpg[/img] [img]../../materiale/thumb/224.jpg[/img] [img]../../materiale/thumb/canileRosa.jpg[/img] [img]../../materiale/thumb/pettirosso.jpg[/img] [img]../../materiale/thumb/223.jpg[/img] http://[img]../../materiale/thumb/pe....jpg[/img] [img]../../materiale/thumb/attoprimo.jpg[/img] http://[img]../../materiale/thumb/ps....jpg[/img] [img]../../materiale/thumb/PsicPurple.jpg[/img] [img]../../materiale/thumb/225.jpg[/img] [img]../../materiale/thumb/arco.jpg[/img] [img]../../materiale/thumb/pettinero.jpg[/img] [img]../../materiale/thumb/radio1.jpg[/img] [img]../../materiale/thumb/radio3.jpg[/img] http://[img]../../materiale/thumb/sc....jpg[/img] [img]../../materiale/thumb/almagrigio.jpg[/img] [img]../../materiale/thumb/Ablu.jpg[/img] http://[img]../../materiale/thumb/vi....jpg[/img] [img]../../materiale/thumb/limasa2.jpg[/img] [img]../../materiale/thumb/worst.jpg[/img] </div> </div> </div> </body> </html>
di seguito vi riporto anche gli errori segnalati da firefox:
Errore: demo.galleryFocus is not a function
File sorgente: file:///F:/Elena/ELENA%20PORTFOLIO%202011/SCRIPT/per%20mouse%20effetto%20link%20compaiono/PORT/PORTFOLIO.htm
Riga: 33
Grazie dell'aiuto!non so proprio più dove cercare....
elena
Rispondi quotando
