Ladda: Spinner affiche pas

Je suis en utilisant Ladda à introduire des effets de charge sur mes boutons de formulaire. Voir la Ladda démo

L'effet que j'utilise est zoom-out. Cela fonctionne, mais le compteur n'affiche pas. Est-il quelque chose que je suis absent?

Mon bouton:

<button type="submit" class="ladda-button" data-style="zoom-out" name="submit">
    <span class="ladda-label">Submit</span>
    <span class="ladda-spinner"></span>
</button>

Mon script JS (prises de ici):

var buttons = document.querySelectorAll( '.ladda-button' );

Array.prototype.slice.call( buttons ).forEach( function( button ) {

    var resetTimeout;

    button.addEventListener( 'click', function() {

        if( typeof button.getAttribute( 'data-loading' ) === 'string' ) {
            button.removeAttribute( 'data-loading' );
        }
        else {
            button.setAttribute( 'data-loading', '' );
        }

        clearTimeout( resetTimeout );
        resetTimeout = setTimeout( function() {
            button.removeAttribute( 'data-loading' );           
        }, 3000 );

    }, false );

} );

Les ressources dont je suis le chargement sont:

  • ladda-themeless.min.css
  • ladda.min.js
  • spin.min.js
Je n'avais jamais entendu parler de Ladda j'ai donc téléchargé la démo et modifié le css pour themeless.min.css. Les boutons sont maintenant le navigateur par défaut des boutons et la roulette est presque invisible (parce que c'est blanc). Est le spinner vraiment manquant ou tout simplement pas visible comme dans mon cas?
Le compteur n'affiche pas. Je ne peux pas le voir de la toupie, même si j'utilise ladda.min.css qui ajoute un fond noir pour le bouton
lorsque j'affiche le code source de la page et cliquez sur le bouton, pas de ladda-progress div est ajouté au DOM.
Il ressemble à votre code s'appuie uniquement sur le css de Ladda puisqu'il n'est pas Ladda.bind('.ladda-button'). Le spinner est inséré avec le javascript. Qu'est-ce exactement que vous essayez de faire? Avez-vous eu un coup d'oeil à Ladda fonctions comme stop();?
toute chance vous pourriez vous poster un exemple de travail? lorsque j'utilise Ladda.bind('.ladda-button'); à la place de mon script, tout stopd de travail

OriginalL'auteur henrywright | 2014-03-18