文章/答案/技术大牛

发布

社区首页 >问答首页 >如何实现ladda引导按钮加载动画？

问如何实现ladda引导按钮加载动画？
EN

Stack Overflow用户

提问于 2016-04-26 21:27:09

回答 2查看 3.3K关注 0票数 0

以下是github文档：https://github.com/msurguy/ladda-bootstrap

我正在努力使我的代码工作，但出于某种原因，ladda不会停止旋转(按钮再也不会被启用)，即使我在AJAX调用之后放置了"Ladda.stopAll();“。这是我的密码：

<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>

javascript

jquery

twitter-bootstrap

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-26 21:34:13

我相信这是你的问题

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

文档：

//在单击时自动触发加载动画 Ladda.bind('inputtype=submit‘)； //与上述相同，但在2秒后自动停止 Ladda.bind( 'inputtype=submit'，{ timeout: 2000 } )；

当它说“自动触发点击加载动画”时，它实际上就是这样做的。它加载它，这导致它继续运行，因为你从来没有让它停止。

票数 2

Stack Overflow用户

发布于 2018-08-08 10:03:32

用这个就行了

$('#yourladda_btn').click(function(){
    var l = Ladda.create(this);
    l.start();
    $.ajax({
        url: 'test.php',
        type: "post",
        data: {"yourdata":"test"},
        success: function(){

        }

    }).always(
            function() {
                l.stop();
            }
    );
});

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36876094

复制

相似问题

问如何实现ladda引导按钮加载动画？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何实现ladda引导按钮加载动画？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何实现ladda引导按钮加载动画？
EN