JQuery + Prototype.js potenzieller Konflikt - javascript, jquery, prototypejs

Der folgende Code ist problematisch.

<script type="text/javascript" src="<javascript/prototype.js"></script>
<script type="text/javascript">

// <![CDATA[
$(document).ready(function () {

// Start Tabbing <---------------------
// Hide features tab
$("#detailFeatures").hide();

$("#menu a").click(function(){

if ($(this).attr("rel") == "pdf") return true;

selected = $(this).attr("href");

// Clear active tab
$("#menu li").removeClass("active");

// Add class to clicked
tab = selected + "Tab";
$(tab).addClass("active");

// Hide all content
$(".productTab").css("display","none");

// Show selected tab
$(selected).css("display","block");

return false;

});
// End Tabbing <------------------

Der obige Code wird zum Erstellen eines Registerkartenbereichs verwendet, in dem entweder eine Produktübersicht oder eine Produktfunktionsliste angezeigt wird

In der Konsole bekomme ich den Fehler "Uncught TypeError: Object # hat keine Methode" ready ""

Ich verwende die Standardprototypen.js für die Lightbox und jquery.js für das Tab-Tab unverändert.

Danke im Voraus.

Antworten:

Binden Sie Ihren Code in eine anonyme Funktion ein:

(function($){
//JQuery code here, example:
$(document).ready(...);
})(jQuery);

Dieser Code "konvertiert" $ "zurück" zu einem JQuery-Objekt, damit der Code in diesem Wrapper JQuery-Methoden sicher verwenden kann $.