Un progetto a cui sto lavorando richiede l'uso di jQuery sulle pagine Web dei clienti. I clienti inseriranno un pezzo di codice che forniremo che include alcuni <script>elementi che creano un widget in un <script>-created <iframe>. Se non stanno già utilizzando l'ultima versione di jQuery, includerà anche (molto probabilmente) una <script>versione di jQuery ospitata da Google.

Il problema è che alcuni clienti potrebbero già avere una versione precedente di jQuery installata. Anche se questo può funzionare se è almeno una versione abbastanza recente, il nostro codice si basa su alcune funzionalità introdotte di recente nella libreria jQuery, quindi ci sono casi in cui la versione jQuery di un cliente è troppo vecchia. Non possiamo richiedere che eseguano l'aggiornamento all'ultima versione di jQuery.

Esiste un modo per caricare una versione più recente di jQuery da utilizzare solo nel contesto del nostro codice, che non interferirà o influenzerà alcun codice sulla pagina del cliente? Idealmente, forse potremmo verificare la presenza di jQuery, rilevare la versione e, se è troppo vecchia, in qualche modo caricare la versione più recente solo per usarla per il nostro codice.

Ho avuto l'idea di caricare jQuery in un <iframe>dominio del cliente che includa anche il nostro <script>, il che sembra essere fattibile, ma spero che ci sia un modo più elegante per farlo (per non parlare senza le prestazioni e le penalità di complessità di extra <iframe>).

Sì, è possibile grazie alla modalità noconflict di jQuery. http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

<!-- load jQuery 1.1.3 -->
<script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
<script type="text/javascript">
var jQuery_1_1_3 = $.noConflict(true);
</script>

<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>

Quindi, invece di $('#selector').function();, lo faresti jQuery_1_3_2('#selector').function();o jQuery_1_1_3('#selector').function();.

Dopo aver esaminato questo e averlo provato, ho scoperto che in realtà non consentiva l'esecuzione di più di un'istanza di jquery alla volta. Dopo aver cercato in giro, ho scoperto che questo ha fatto il trucco ed era molto meno codice.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script>var $j = jQuery.noConflict(true);</script>
    <script>
      $(document).ready(function(){
       console.log($().jquery); // This prints v1.4.2
       console.log($j().jquery); // This prints v1.9.1
      });
   </script>

Quindi, aggiungere "j" dopo "$" era tutto ciò che dovevo fare.

$j(function () {
        $j('.button-pro').on('click', function () {
            var el = $('#cnt' + this.id.replace('btn', ''));
            $j('#contentnew > div').not(el).animate({
                height: "toggle",
                opacity: "toggle"
            }, 100).hide();
            el.toggle();
        });
    });

Tratto da http://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page :

• La pagina originale carica il suo "jquery.versionX.js" - $e jQueryappartiene alla versioneX.
• Chiami il tuo "jquery.versionY.js" - ora $e jQueryappartieni a versionY, più _$e _jQueryappartengono a versionX.
• my_jQuery = jQuery.noConflict(true);- ora $e jQueryappartengono a versionX, _$e _jQuerysono probabilmente nulli, ed my_jQueryè versionY.

Puoi avere tutte le diverse versioni di jQuery sulla tua pagina che desideri.

Utilizzare jQuery.noConflict():

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script> 

DEMO | fonte

È possibile caricare la seconda versione di jQuery usarlo e quindi ripristinare l'originale o mantenere la seconda versione se non era stato caricato prima jQuery. Ecco un esempio:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
    var jQueryTemp = jQuery.noConflict(true);
    var jQueryOriginal = jQuery || jQueryTemp;
    if (window.jQuery){
        console.log('Original jQuery: ', jQuery.fn.jquery);
        console.log('Second jQuery: ', jQueryTemp.fn.jquery);
    }
    window.jQuery = window.$ = jQueryTemp;
</script>
<script type="text/javascript">
    console.log('Script using second: ', jQuery.fn.jquery);
</script>
<script type="text/javascript">
    // Restore original jQuery:
    window.jQuery = window.$ = jQueryOriginal;
    console.log('Script using original or the only version: ', jQuery.fn.jquery);
</script>

Vorrei dire che è necessario utilizzare sempre le versioni stabili più recenti o recenti di jQuery. Tuttavia, se è necessario eseguire alcune operazioni con altre versioni, è possibile aggiungere quella versione e rinominarla $con un altro nome. Per esempio

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>var $oldjQuery = $.noConflict(true);</script>

Guarda qui se scrivi qualcosa usando $, otterrai l'ultima versione. Ma se hai bisogno di fare qualcosa con il vecchio, usa semplicemente $oldjQueryinvece di $.

Ecco un esempio

$(function(){console.log($.fn.jquery)});
$oldjQuery (function(){console.log($oldjQuery.fn.jquery)})

dimostrazione

Assolutamente sì, puoi. Questo link contiene dettagli su come raggiungere questo obiettivo: https://api.jquery.com/jquery.noconflict/ .