Czy istnieje elegancki sposób na powolne aktualizowanie jQuery?

Question

Chcemy zaktualizować jedną wersję jQuery do innej. Używamy różnych wtyczek online i napisaliśmy wiele własnych. Wyzwanie polega teraz na próbie POWOLI MIGRUJCIE wszystkich obiektów skryptowych POWOLI bez pełnego przepisywania. Mam pomysł, w jaki sposób sobie z tym poradzić:

ale mam pytania:

1. jest idea poniżej nawet dobry pomysł?
2. Czy mogę (bezpośrednio) powiedzieć każdemu obiektowi jQuery, w którym znajdują się zależności?
3. Jeśli to zły pomysł ... jak sobie z tym poradzić?
4. Czy po prostu przepisuję KAŻDY obiekt, który się łamie po aktualizacji? (Sux!)

Wyjaśniając problem:
Jeśli wszystkie swoje plug-in na żywo wyłącznie w zakresie jednej strony, a następnie różne wersje są łatwo skierowana: po prostu zrobić plik-includes na stronie poziom zamiast poziomu strony głównej (duh!). Jednak obiekty znajdujące się na stronie głównej lub w kontrolkach użytkownika są nieco trudniejsze ... ponieważ potrzebują konkretnych wersji, aby działały poprawnie.

Oto mój pomysł:
Definicja plug-in zaczyna się od anonimowej funkcji.

(function ($){<!- code goes here -->})(jQuery); 

Wszystkie zależności, które widziałem, wykorzystują to jako punkt wyjścia.

PRZYKŁADY: jQuery Zależności obejmują wtyczek takich jak: ui.widget, ui.position, ui.core itp

Więc co, jeśli odwołać każdą wersję jQuery (i jego zależności) przy użyciu JavaScript obiekt i przekazać TEGO PRZEDMIOTU do różnych wtyczek wewnętrznych i internetowych?

odniesień obiekt może wyglądać tak:

var jQueryVersion1_3_2 = function(){<!- paste the files contents here-->}; 
var jQueryVersion1_4_4 = function(){<!- paste the files contents here-->}; 

wtyczek:
My wewnętrznych i internetowych wtyczek może zostać zachowany jako (normalny) Plik- linki, ale z następującymi zmianami

odchodzą od tej:

// Plug-in X 
(function ($){<!- its untouched code -->})(jQuery); 
// Plug-in Y 
(function ($){<!- its untouched code -->})(jQuery); 
// Plug-in Z 
(function ($){<!- its untouched code -->})(jQuery); 

... wersja tutaj jest do bani!

do tego ...

// Plug-in X 
(function ($){<!- its untouched code -->})(jQueryVersion1_3_2); 
// Plug-in Y 
(function ($){<!- its untouched code -->})(jQueryVersion1_3_2); 
// Plug-in Z 
(function ($){<!- its untouched code -->})(jQueryVersion1_4_4); 

... teraz możemy uaktualnić nasze obiekty powoli.

Jedynym problemem SEE
Wyzwaniem staje zależności wtykowych (między wersjami).W uaktualnieniu testu następowało rozpoczynanie od różnych wtyczek, takich jak:

• ui.widget, ui.position, ui.core, itd. (Wszystkie zostały przerwane po aktualizacji).

tylko odpowiedź widzę to:
Owijanie jQuery i wszystkie różne odniesienia do pojedynczej funkcji oszczędzania i do zmiennej powyżej. Następnie przekaż TEN obiekt pośredniczący do każdej wtyczki AS jQuery.

Pomóż mi Obi-Wan Kenobi ... jesteś moją jedyną nadzieją!

Answer 1

Korzystanie $ .noConflict globalnie tworzyć wszystkie wersje

<script src="jquery 1.x" /> 
<script> 
    var jQuery_1_x = $.noConflict(true); 
</script> 
... 

następnie owinąć każdy plugin jQuery, wewnętrzny lub 3rd w zamknięciach jak:

(function(jQuery, $) { 

    ... // code 

}(jQuery_1_x, jQuery_1_x)); 

Jedyną rzeczą, która może zerwać z tym Metoda to kod innej firmy, który używa var foo poza dowolnymi funkcjami do tworzenia obiektów globalnych. Trzeba szukać wszelkich globalnych funkcji/obiektów/metod i podnosić je ręcznie za pomocą

window.foo = ...

szczęście tworzenie globalnych funkcji/obiektów/metod jest uważana za złą formą tą metodą tak więc nie powinno być zbyt wiele te.