Le conflit potentiel JQuery + Prototype.js

Question

le code suivant est problématique.

<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 <------------------ 

Le code ci-dessus est utilisé pour créer un panneau à onglets qui permet de voir soit une vue d'ensemble du produit ou une liste des caractéristiques du produit

Dans la console im obtenir l'erreur « Uncaught TypeError: Object # n'a pas de méthode ' ready '"

Im en utilisant le prototype.js standard pour lightbox et jquery.js pour la tabulation, inchangé.

Merci d'avance.

Answer 1

Enveloppez votre code dans une fonction anonyme:

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

Ce morceau de code « convertit » $ « retour » à un objet JQuery, de sorte que le code à l'intérieur de cette enveloppe peut utiliser en toute sécurité les méthodes JQuery sur $.