[RÉGLÉ] Intégrer script jQuery

[jisse03]

Re : Intégrer script jQuery

Dans ce cas, $.noConflict() pour voir...

[sightimpact]

Re : Intégrer script jQuery

Toujours rien. Waloo !

[ghazal]

Re : Intégrer script jQuery

Salut,
je reprends le code donné dans le modèle, à adapter à tes besoins.

essaie soit ceci:

<script type="text/javascript" >
(function($){
$(window).load(function(){
$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>

à placer juste avant </head>

soit ceci :

<script type="text/javascript" >
(function($){

$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});

})(jQuery);
</script>

à placer avant </body>

A priori, comme le code jQuery est encapsulé dans une fonction, tu ne devrais pas avoir de conflit avec Mootools.

Teste.
Le mieux, si ca fonctionne, serait alors de créer un fichier .js dans lequel tu placeras la 1ere solution, SANS <script etc..., cad :

(function($){
$(window).load(function(){
$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);

et tu places ce fichier .js APRES les 2 fichiers mCustomScrollbar ( comme tu l'as déjà fait),dans l'ordre de chargement.

[sightimpact]

Re : Intégrer script jQuery

Salut,
je reprends le code donné dans le modèle, à adapter à tes besoins.

essaie soit ceci:

à placer juste avant </head>

soit ceci :


à placer avant </body>

A priori, comme le code jQuery est encapsulé dans une fonction, tu ne devrais pas avoir de conflit avec Mootools.

Teste.
Le mieux, si ca fonctionne, serait alors de créer un fichier .js dans lequel tu placeras la 1ere solution, SANS <script etc..., cad :


et tu places ce fichier .js APRES les 2 fichiers mCustomScrollbar ( comme tu l'as déjà fait),dans l'ordre de chargement.

Super !!! ça marche

Merci beaucoup à toi (ghazal) et aussi à (jisse03)...
C'est la première solution qui a marché.
Je vais le mettre dans un .js externe
Merci beaucoup en tous les cas.

Est-il possible d'intégrer d'autres plugin jQuery de la sorte ? Où est-ce une solution dédiée et spécifique ?
Car je vois un :

scrollButtons:{

...

[sightimpact]

Re : Intégrer script jQuery

Et si je veux pas exemple modifier quelques éléments fournis avec le plugin comme sur la doc du plugin ;

$(".content").mCustomScrollbar({
    theme:"light"
});

J'insère où le "theme:light ? Merci...

[ghazal]

Re : Intégrer script jQuery

(function($){
$(window).load(function(){
$("#content_1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
////
$("#content_2").mCustomScrollbar({
scrollButtons:{
enable:true
},
theme:"dark"
});
/////
$("#content_3").mCustomScrollbar({
scrollButtons:{
enable:true
},
theme:"light-2"
});
////etc...
});
})(jQuery);

Le modèle est ici :

https://github.com/malihu/malihu-custom-scrollbar-plugin/blob/master/scrollbar_themes_demo.html

N'oublie pas les CSS associées. Et bien sur de modifier l'id associée :
-->#content_2 #content_3 , etc...

[sightimpact]

Re : Intégrer script jQuery

Dernière question.
J'arrive enfin (presque) à mes fins. Il me reste la petite flèche de redimensionnement à l'intérieur du div contenant le texte et image...Comment supprimer cette fonctionnalité de redimensionnement ?

Le site (en bas)

Merci, merci et merci encore !