Discussion :

[fabrice4821]

Bonjour,

Sur un de mes module Joomla j'utilise la fonction slider de jQuery.
Le problème est que quand Mootools est activé, le slider ne marche plus.

Je n'arrive hélas pas à voir d'où peut provenir le conflit.
Merci de votre aide.

J'ai fait une page de démo sur :
http://test.gmapfp.org/pro30/fr/

Sur cette page, vous pourrez voir que dès que l'on essaie de bouger le slider, il disparaît.

[SpaceFrog]

Rajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var $j = jQuery.noConflict();

au début de ton code, et remplace le $ de Jquery par $j

[fabrice4821]

Merci pour ta réponse, mais jQuery.noconflict est déjà activé et dans mon code le $ est remplacé par jQuery.
http://test.gmapfp.org/pro30/modules...sic/classic.js

[vermine]

Bonjour,

Il faudrait voir l'ordre dans lequel tu déclares tes scripts JavaScript. Je testerai avec jQuery en dernière position. Vérifie tout de même la position de ton noConflict. Pour Joomla :

Dans le fichier modules/mod_hot_image_slider/tmpl/default.php (exemple de Joomla 1.5) insère jQuery.noConflict(); avant la div :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="header_hotslider"><div class="wrap">:

Essaie également d'ajouter ceci en début de code afin de nettoyer la méthode slide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
jQuery('div.slider')[0].slide = null;
// Suivi de ton initialisation du slider

Sinon la méthode proposée par jQuery à l'époque est de changer le préfix du slider :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$.ui.slider.prototype.widgetEventPrefix = 'slider';
 
$('#slider')
    .slider()
    .on('sliderslide', function() {
        console.log('slide');
    });

Et finalement il y en a qui ont changé directement le nom "slider" dans le code jQuery.

[fabrice4821]

Merci Vermine,

La solution de changer le préfixe du slider a fonctionné.