ordine Javascript in html

Question

Sto avendo un problema con i file javascript di IE. alcuni script non funzionare a seconda del modo in cui i loro ordine in html file.Here è demo solo per mostrarvi cosa intendo: http://testground.uphero.com/test/

Come si può vedere in source c'è:

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/grayscale.img.js"></script>

Se metto i tag in questo ordine scala di grigi img funzionerà e ID non sarà, ma se mi trasferisco collegamento jquery alla cima scala di grigi verrà lavoro non è più comunque ID funzionerà.

Quindi quello che voglio è quello di rendere loro sia il lavoro. C'è un modo. Grazie in anticipo! : -)

Answer 1

Come ho detto nel mio commento: la tua per evitare di usare due quadri, ma:

se è davvero necessario utilizzare entrambi, uso Firebug (o qualcosa di simile per gli altri browser) per vedere gli errori javascript risultanti - forse si dovrà attivare la "modalità compatibilità / noConflict" per entrambi i quadri, in modo che don' t si uccidono a vicenda.

Dare un'occhiata alla jQuery documentazione per maggiori informazioni su questo.

Answer 2

Il tuo problema è probabilmente a causa di un conflitto con gli spazi dei nomi utilizzati da Prototype e jQuery - entrambi $ di riferimento come una scorciatoia per i loro spazi dei nomi. Tenta di utilizzare entrambe le librerie insieme e sarà inevitabilmente incorrere in conflitti.

Ecco un articolo utile sull'utilizzo di jQuery con altre biblioteche, tra cui come è possibile aggirare il problema:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Tuttavia, è necessario stare attenti a fare in modo che i plugin in uso viene fatto riferimento all'interno della corretta portata per ogni libreria per funzionare correttamente. Se possibile, è probabilmente più saggio bastone ad usare una sola libreria (ci sono un sacco di cloni lightbox disponibili per jQuery).