konflikt jQuery i prototype.js, jak utrzymać jQuery jako $?

Question

Pracuję więc nad witryną, która używa zarówno jQuery, jak i prototype.js, jednak ich konflikt.

mam zbadane w porządku trochę i okazało się, że jedynym sposobem ludzie rozwiązać ten problem jest użycie

<script> 
jQuery.noConflict(); 

// Use jQuery via jQuery(...) 
jQuery(document).ready(function(){ 
    jQuery(\"div\").hide(); 
}); 

// Use Prototype with $(...), etc. 
$('someid').hide(); 

Jednakże nie chcę zmienić $ jQuery jak to oznacza, że "Musimy edytować sporo wcześniej napisanego kodu. Czy istnieje sposób, aby zatrzymać je w konflikcie i pozostawić jQuery jako $?

Answer 1

Zamiast dokumentu gotowy można utworzyć zamknięcie (na koniec body), takie jak:

(function($) { 
    //jQuery stuff 
    $('.elem') // $ refers to jQuery 
})(jQuery); 

Jeśli dobrze rozumiem

Answer 2

Nie, nie o tym słyszałem. Aby zminimalizować ból kodu konwersji można zrobić coś w tym jednak:

var j$ = jQuery.noConflict(); 

Następnie można zastąpić jQuery $ połączeń z j$. Prawdopodobnie możesz użyć zwykłego połączenia typu znajdź/zamień.

Answer 3

(function($){ 
    // $('jquery here') 
})(jQuery); 

pytanie cały kod jquery wewnątrz funkcji można użyć $.

Answer 4

Istnieje prosty sposób to zrobić poprzez owinięcie swoją allready napisany kod do funkcji i przekazać jQuery do niego. W ten sposób możesz zachować swój już napisany kod i używać jQuery jako identyfikatora tylko dla nowego:

(my_old_stuff = function($){ 
    $.my_existing_function(){ 
     alert('i allready exist'); 
    }; 
)(jQuery); 

jQuery.my_existing_function(); 

To powinno zadziałać.

Z drugiej strony: zastąpienie $ z jQuery nie wydaje się być to, że wiele z zadań dla automatycznej wymiany.

Answer 5

Chociaż jest to dość stary post, ale miałem dokładnie taki sam problem. Dostępnych jest wiele opcji do obsługi. Nie dotknęłbym wcześniej napisanego kodu i pozwoliłbym, aby prototypowy js użył $.

Z jQuery documentation

<!-- Loading jQuery before other libraries. --> 
<script src="jquery.js"></script> 
<script src="prototype.js"></script> 
<script> 

// Use full jQuery function name to reference jQuery. 
jQuery(document).ready(function() { 
    jQuery("div").hide(); 
}); 

// Use the $ variable as defined in prototype.js 
window.onload = function() { 
    var mainDiv = $("main"); 
}; 

</script> 

Oto lista dostępnych opcji.

https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/