Question

我正在尝试创建一个Twitter引导按钮，在选择之前更改为“正在加载...”，直到加载javascript。但是我无法让它工作......

这是我的HTML：

<button type="submit" id="sign-up" data-loading-text="Processing..." class="btn btn-sign-up">SIGN UP</button>

Javascript：

<script>
$('#sign-up').click(function () {
    var btn = $(this);
    btn.button('loading');
    $.ajax(...).always(function () {
    btn.button('reset');
    });
});
</script>

Answer 1

当您使用jQuery和bootstrap时，您可以在http://jsfiddle.net/liuyl/RdpRw/1/

上关注此示例

$('button[data-loading-text]')
.on('click', function () {
    var btn = $(this)
    btn.button('loading')
    setTimeout(function () {
        btn.button('reset')
    }, 3000)
});

OBS：请参阅链接上的完整示例。注意jsfiddle左侧菜单上的外部库，你不能忘记引用它们。

Answer 2

不确定您是否已经解决了问题。您应该将脚本放在$（document）.ready（）回调中，以便在注册click事件时可以使用$（＆＃34; #sign-up＆＃34;）

$(document).ready(function() {
    $('#sign-up').click(function () {
        var btn = $(this);
        btn.button('loading');
        $.ajax(...).always(function () {
            btn.button('reset');
        });
    });
});

让我们在这里尝试更新的代码 http://jsbin.com/pamujimise/edit?html,output

bootstrap数据加载文本无法正常工作

2 个答案: