这是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>
最佳答案
我相信这是你的问题
Ladda.bind('button[id=genPDF]');
文件:
//点击时自动触发加载动画
Ladda.bind('input [type = submit]');
//与上述相同,但两秒钟后自动停止
Ladda.bind('input [type = submit]',{timeout:2000});
当它说“点击时自动触发加载动画”时,它实际上就是这样做的。它加载了它,导致它一直运行,因为您从未告诉过它要停止。
关于javascript - 如何实现ladda-bootstrap按钮加载动画?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36876094/