Wie vermeidet man einen Konflikt zwischen JQuery und Prototyp

Question

Wenn eine Seite sowohl JQuery als auch Prototype hat, dann habe ich einen Konflikt. Es gibt eine Möglichkeit, $ sign für JQuery zu deaktivieren, so dass es keinen Konflikt gibt, aber ich muss das Schlüsselwort JQuery anstelle von $ verwenden.

Ich frage mich, ob es eine Option für Prototype gibt, diesen Konflikt zu lösen. Gibt es eine Möglichkeit, beide Bibliotheken zu verwenden, ohne ihren Nutzen oder ihr kurzes Keyword zu beeinträchtigen?

Soweit ich weiß, ist es keine gute Idee, mehrere JS-Bibliothek für die gleiche Seite zu verwenden; aber manchmal kann es hilfreich sein.

Answer 1

Verwenden Sie die noConflict-Methode für jQuery und weisen Sie sie einer neuen (kurzen) Variablen zu. Verwenden Sie die neue Variable an der Stelle, an der Sie $ für jQuery verwendet hätten.

var $j = jQuery.noConflict(); 

$j(function() { 
    $j('#selector').each(....); 
}); 

oder, wenn Sie Sie können wickeln alle Ihre jQuery-Code in einer anonymen Funktion nicht brauchen, um Prototype/jQuery zu mischen.

(function($) { 
    // $ sign here is a parameter, which is set to jQuery 

    $(function() { 
     $('#selector').each(....); 
    }); 
})(jQuery);