Come posso usare jquery in uno script di contenuto di estensione chrome quando una versione precedente è già nella pagina

Question

Sto scrivendo un'estensione di cromo che gioca con il layout di una pagina. Voglio usare l'ultima versione di jQuery per farlo.

La pagina in questione include già la versione 1.4.4 di jQuery come parte di uno dei propri script.

Se includo la versione più recente di jQuery, la pagina si blocca. Come posso includere la versione più recente di jQuery in modo che sia disponibile solo per il mio script di contenuto e non abbia effetto sugli script già presenti nella pagina?

Answer 1

Se si inserisce il jquery come script di contenuto, sarà sandboxed, non si verificheranno conflitti, indipendentemente dalla pagina padre utilizzata.

Answer 2

È possibile essenzialmente lo spazio dei nomi di diverse versioni di jQuery utilizzando il suo No Conflict mode ed eseguendo il codice in una chiusura. Per esempio:

<script src="jquery-1.6.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    jq162 = jQuery.noConflict(true); 
    (function ($) { 
     $(function() { 
      // Your document ready code here 
     }); 
    })(jq162); 
</script> 

Si prega di notare questa dichiarazione rende jq162 a disposizione la portata globale in modo che possa essere riutilizzato altrove. Se preferisci applicare localmente l'istanza di jQuery, impostalo come var.