Question concernant la manipulation d'un plugin

Version imprimable

08/06/2015, 19h19
abc.xyz

Question concernant la manipulation d'un plugin
Bonjour,

ici http://bxslider.com/ se trouve un plugin.

Il est bien précisé que si on ne met pas le code

Code:

$('.bxslider').bxSlider();

à l'intérieur
d un $(document).ready(), le plugin ne fonctionnera pas.

Je code en js de cette façon: je mets tout mon code dans un objet js que je nomme app
app={init:function{..code..}} et je fais ensuite:
Code:

1 2 3 $(function() { app.init() })
c'est comme ça que j'ai appris, faire app.init() initialise le DOM. C'est une bonne pratique.

ma question est:
pourquoi cela ne fonctionne pas de mettre $('.bxslider').bxSlider(); dans ma fonction init?

Citation:

Envoyé par abc.xyz

C'est une bonne pratique.

Oui ! Voir : http://learn.jquery.com/code-organization/concepts/

Et elle fonctionne normalement, que donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    "use strict";
 
    var App = {
        'init' : function( ){
 
            // n'oubliez pas de charger les fichiers CSS et JS de bxSlider
            $('.bxslider').bxSlider();
        }
    };
 
    $( App.init() );
</script>

09/06/2015, 09h24
abc.xyz

Bonjour,

ici: http://bxslider.com/examples/auto-sh...-stop-controls
se trouve comment ajouter les boutons stop et start au plugin..
seulement je ne vois pas comment mettre ces boutons en css dans mon code, car bien sur rajouter les options js que sont auto: true et autoControls: true ne fait pas apparaitre les boutons en css..
j'ai le même problème avec les fleches droite et gauche sur les images qui defilent:comment les faire apparaitre?

merci