2012-11-11 31 views
7

È possibile gestire i conflitti tra 2 versioni di jQuery caricate nella stessa pagina? Si supponga che queste righe di codice:Più versioni di JQuery nella stessa pagina

<script type="text/javascript" src="jquery-1.1.3.js"></script> 
<script type="text/javascript" src="jquery-1.4.2.js"></script> 

<script type="text/javascript" src="thisFileUsesFirstJquery.js"></script> 
<script type="text/javascript" src="thisFileUsesSecondJquery.js"></script> 

Non uso il codice di script java inline. Nella mia situazione, il mio codice java script si svolge su un file esterno. La mia domanda è: come dovrei usare il metodo noConflict() che impedisce di entrare in conflitto tra loro.

+0

Penso che è necessario dichiarare una variabile noConflict subito dopo ogni tag script jQuery nel tag script inline . – user197508

risposta

20

sì, si può fare in questo modo:

<script type="text/javascript" src="jquery-1.1.3.js"></script> 
    <script> $113 = jQuery.noConflict();</script> 
    <script type="text/javascript" src="jquery-1.4.2.js"></script> 

e quindi utilizzare $ 113, $ nel codice

+0

Grazie Kirill I, in realtà sto usando wordpress e un file jquery è nell'header.php e un altro è in un altro file php. Quando navigo nel mio sito web alcune delle azioni nel mio sito non funzionano correttamente. –

+1

@MisaghAghakhani è necessario modificare tutto 'document.ready' nel codice esistente prima di aggiungere 1.4 da' $ (document) .ready (function() {/ * code * /} 'a' $ 113 (document) .ready (function ($) {/ * code * /} '. Sarai ancora in grado di usare' $' all'interno di quel wrapper ... o aggiornerai tutto il codice precedente che probabilmente ha un lof '@' usato nei selettori che è un protocollo che era deprecato – charlietfl

+0

thx. Funziona per me –

Problemi correlati