ladda-bootstrapボタンの読み込みアニメーションの実装方法は？ここ

Question

はgithubのドキュメントです：https://github.com/msurguy/ladda-bootstrap

（私は」Ladda.stopAllを置いた場合でも、私は自分のコードを動作させるためにしようとしているが、何らかの理由で、laddaは（ボタンを再度有効れることは決してありませんが）回転を停止しません）; " AJAX呼び出しの後に。

<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

私はこれがあなたの問題

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

ドキュメントであると考えている：ここに私のコードです

//自動的にクリックでロードアニメーションをトリガー

Ladda.bind （ 'input [type = submit]'）;自動的に上記と同じ

//が、2秒

Ladda.bind（ '入力[タイプ=提出]'、{タイムアウト2000}）の後に停止します。

「クリック時に自動的に読み込みアニメーションをトリガーする」と表示されたとき、それはそのままです。それはそれをロードし、あなたが決してそれを止めるように言わなかったので、走り続けるだけです。