Wie ladda-bootstrap button laden animation?

Question

Hier ist die Github Dokumentation: https://github.com/msurguy/ladda-bootstrap

Ich versuche, meinen Code Arbeit zu machen, aber aus irgendeinem Grund wird die ladda nicht aufhören zu spinnen (Taste wird nie wieder aktiviert), auch wenn ich „Ladda.stopAll platzieren () nach dem AJAX-Anruf. Hier ist mein Code:

<button type="button" class="btn btn-lg btn-success ladda-button" data-style="expand-left" id="genPDF"><span class="ladda-label">Generate PDF</span></button> 

<script> 

    Ladda.bind('button[id=genPDF]'); 

    $('#genPDF').click(function() { 

     //Another approach I tried 
     //Ladda.bind(this); 

     var str = "tmName=" + $("#tmName").val() + 
      "&headingText=" + $("#headingText").val(); 

     $.ajax({ 
      url: "testing.php", 
      data: str, 
      cache: false, 
      success: function (data) { 
       //None of this code matters, it all works fine 
       console.log(data); 
       var container = document.getElementById("pdfContainer"); 
       var content = container.innerHTML; 
       container.innerHTML = content; 
      } 
     }); 

     //If I placed Ladda.stopAll(); here, the ladda wouldn't even 
     //START spinning upon being clicked on. 
    }); 

</script> 

Answer 1

Ich glaube, das ist Ihr Problem

Ladda.bind('button[id=genPDF]'); 

Docs:

// Automatisches Auslösen der Lade Animation auf Klick

Ladda.bind ('input [type = einreichen]');

// Gleiche wie oben, aber stoppt automatisch nach zwei Sekunden

Ladda.bind ('input [type = einreichen]', {Timeout: 2000});

Wenn es heißt „automatisch das Laden Animation auf Klick auslösen“, tut es wörtlich, dass. Es lädt es, was dazu führt, dass es weiterläuft, weil du es nie gesagt hast.