[Problème] Rajout de jquery dans module recherche JEA

[afouquet31]

Bonjour,

J'ai créé un script jquery pour que quand je sélectionne le bouton radio dans la classe de dessous une couleur s'affiche.
Ce script est pour le module de RECHERCHE pour la sélection de VENTE ou LOCATION.
Voilà l'url : http://www.marine-boubounelle.com/index.php/fr/

Voilà le script :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
$('document').ready(function(e) {
    $('.test1').change(function(){
 if($(this).is(':checked')) {
	 $('.test2').removeClass('test2');
  $(this).parent().addClass('test2');
 }
});
});

<style type="text/css">
.test2{
 background:#F00;
}
</style>

<form>
<span>
<input type="radio" class="test1" name="top">
<label for="jea">Train</label>
</span>

<span>
<input type="radio" class="test1" name="top">
<label for="jea">Train</label>
</span>
</form>

Sauf que quand je le met dans mon template :
http://www.marine-boubounelle.com/index.php/fr/
J'ai un conflit et ça fait buger mon slide, que dois je faire car je n'ai pas trouvé.

Merci de votre aide

[jisse03]

Re : Rajout de jquery dans module recherche JEA

Bonjour,

La solution tient dans l'utilisation du mode noConflict de JQuery http://api.jquery.com/jQuery.noConflict/