jQuery & Mootls conflitti

[Crosis88]

Salve a tutti

Avrei un problema di conflitti tra la libreria jQuery e Mootols.
Ho creato un sito a scorrimento orizzontale, che utilizzo l'effetto di scrolling morbido tra i menu.
E' arrivata poi la necessità di inserire un effetto popup in jQuery (chiamato POPBOX), ma ho scoperto dopo ore che le due librerie vanno in conflitto in quanto c'è un utilizzo parallelo della variabile $.

Sapete come aiutarmi pr far convivere le due librerie?

Posto il codice degli script nel tag head:

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type='text/javascript' charset='utf-8' src='js/popbox.js'></script>  
<script type='text/javascript'>            
             $(document).ready(function(){              
                   $('.popbox').popbox();            
              });         
</script>           
<link rel='stylesheet' href='css/popbox.css' type='text/css'>
<script type="text/javascript" src="js/jquery.lazyload.js"></script> 
<script src="js/mootools.js" type="text/javascript"></script> 
<script src="js/moo-smooth.js" type="text/javascript"></script>

Se io metto a commento il richiamo di mootols, popbox funziona, ma cessa di funzionare lo scorrimento orizzontale.
Se tolgo il commento va lo scorrimento, ma non funziona più popbox.

[lnessuno]

Al posto di $ usa jQuery:

$(document).ready(function(){
$('.popbox').popbox();
});

Non è detto che risolvi (dipende da come è scritto il plugin) ma è un primo passo...

[Crosis88]

Nada

[cavicchiandrea]

http://api.jquery.com/jQuery.noConflict/

[Crosis88]

Ho provato a cambiare il codice in questo modo, ma nulla ancora..

<script src="js/jquery-1.4.2.js" type="text/javascript"></script> 
<script type='text/javascript' charset='utf-8' src='js/popbox.js'></script>   

<script type='text/javascript'>
 $.noConflict();
  jQuery(document).ready(function($) {                                                            $('.popbox').popbox();                          
});         
</script>   
       
<link rel='stylesheet' href='css/popbox.css' type='text/css'> 
<script type="text/javascript" src="js/jquery.lazyload.js"></script>  
<script src="js/mootools.js" type="text/javascript"></script>  
<script src="js/moo-smooth.js" type="text/javascript"></script>

[cavicchiandrea]

Ti ricordo che js è cronologico, nella pagina jquery vedo che prima c'è la libreria "no jquery" poi l'jquery poi noconflit poi il resto (librerie, script,etc...)

[Crosis88]

Ho spostato e messo prima le librerie di mootools, poi il richiamo a jquery, popbox e infine lo script per attivare popbox, direi che sono giusti come ordine ora (seguendo quell'esempio la), ma continua a non andare..

Ho provato a cambiare plugin per lo scrolling, e ho messo su ScrollTo. Su Chrome non funziona l'effetto e su ipad non si sposta nemmeno..

[cavicchiandrea]

Prova ad aggiornare jquery ad una versione più recente.
Se non risolvi e non trovi plugin simili per utilizzare una solo libreria, valuta quale dei due è più necessario

[Crosis88]

jQuery è aggiornato all'ultima versione..
Cavolo, il mootools nonostante rompa le scatole ha un effetto a scorrimento perfetto che funziona in ogni dispositivo..

Ma essendo un sito web orizzontale, ho una sezione con tanto testo da inserire, per quello volevo utilizzare il popbox, in modo che uno clickasse sul pulsantino "read more" per visualizzare tutto il testo.

Senza il popbox, non posso cacciare una sberla cosi lunga di testo, diventerebbe anti estetico e poco funzionale.