make requires jQuery nicht neu laden, wenn bereits auf Seite

Question

Ich schreibe ein Skript, das in Websites von Drittanbietern eingebettet werden soll, um ihnen Funktionalität hinzuzufügen. Ich habe vor kurzem meinen ziemlich unordentlichen benutzerdefinierten Ladecode rausgerissen und angefangen, ihn durch require zu ersetzen. Eine der Bibliotheken, die optional für mich geladen wird (hängt von einigen Parametern ab) ist jQuery.

Dies funktioniert gut, bis mein Skript auf einer Seite enthalten ist, die jQuery bereits eingeschaltet ist. In diesem Fall scheint einige Plugins teilweise geladen zu sein, requirejs lädt jQuery über die Version der Seite, und die Plugins brechen sofort.

Es ist nicht möglich, Clients zu fragen, ihre Seiten umzuschreiben, nur um dieses Skript zu verwenden. Ich möchte also herausfinden, ob jQuery bereits geladen ist. Wenn ja, überspringen Sie das Laden über requirejs und verwenden Sie einfach die bereits geladen eins (Dies wird möglicherweise öffnen bis zu ungeraden Fällen und Bugs, wenn sie eine viel ältere Version von jQuery verwenden, aber ich habe nicht viel Auswahl).

Was ich dachte, wäre ich schreibe ein neues Modul, das würde zuerst sehen, ob jQuery geladen ist, wenn ja, nur exportieren Sie das jQuery-Objekt, wenn es nicht ist, dann laden Sie es, dann den Export. Es scheint jedoch, dass ich behindert bin, da die Definitionsfunktion für das Modul synchron zur Arbeit zu sein scheint, so dass ich nicht loslegen und ein anderes Skript laden kann, das asynchron wäre, und dann den Export in requirej stopfen würde.

Fehle ich etwas in den Dokumenten? Ist das was ich versuche unmöglich?

Answer 1

Ich hatte das gleiche Problem in einem ähnlichen Projekt mit require.js für eine Bibliothek, die auf Websites von Drittanbietern geladen werden soll. Sie können mein Ansatz here, aber hier ist die vereinfachte Version sehen:

// check for existing jQuery 
var jQuery = window.jQuery, 
    // check for old versions of jQuery 
    oldjQuery = jQuery && !!jQuery.fn.jquery.match(/^1\.[0-4](\.|$)/), 
    localJqueryPath = libPath + 'jquery/jquery-1.7.2.min', 
    paths = {}, 
    noConflict; 

// check for jQuery 
if (!jQuery || oldjQuery) { 
    // load if it's not available or doesn't meet min standards 
    paths.jquery = localJqueryPath; 
    noConflict = !!oldjQuery; 
} else { 
    // register the current jQuery 
    define('jquery', [], function() { return jQuery; }); 
} 

// set up require 
require.config({ 
    paths: paths 
}); 

// load stuff 
require(['jquery', ... ], function($, ...) { 

    // deal with jQuery versions if necessary 
    if (noConflict) $.noConflict(true); 

    // etc 

}); 

Wie Sie sehen können, das sieht für jQuery, und dann entweder definiert den „jquery“ -Modul als Wrapper für die bestehende Bibliothek, oder (wenn Es gibt keine jQuery oder wenn die vorhandene jQuery eine alte Version ist) lädt die Bibliothek spezifische jQuery mit noConflict.

Das funktioniert ziemlich gut. Der einzige Nachteil ist, dass Sie require() dynamisch in Ihrem Skript aufrufen, wodurch es schwieriger wird, den Optimierer r.js effektiv zu verwenden.

Answer 2

hatte ich ein ähnliches Problem .. Mein Skript jQuery wurde zweimal Nachladen .. die Lösung aus den Kommentaren verwendet in this article

wie ein Charme !!

(Kommentar, gearbeitet wurde:

"Ich habe es auf meine Config-Datei nach dem requirejs.config (...) und vor die requirej ([" app "]) und es funktionierte")