Bootstrap加载按钮和ajax

Question

我试图在单击时使按钮更改状态，然后在服务器响应上恢复正常，这是我的代码：

            $(document).ready(function() { 
    var options2 = { 
        success:   processJson,  // post-submit callback 
        dataType:  'json',
        url:  'test.php?act=test'
    }; 
    $('#formProfileInfo').ajaxForm(options2);
    $('#save')
    .click(function () {
        var btn = $(this)
        btn.button('loading')
    }); 
function processJson(data)  { 
            if( data.status === 'success' ) {
                alert.success(data.message);
}
            if( data.status === 'error' ) {
                alert.error(data.message);
}
$('#save')
$(function() {
            btn.button('reset')
    });
}
        });

我正在使用jQuery表单插件通过ajax提交表单。

该按钮将更改为“加载状态”，但未重置。

Answer 1

好的，我已经设法通过使用以下命令使其正常工作：

$('#save').button('reset');

代替：

$('#save')
$(function() {
            btn.button('reset')
    }); 

Answer 2

成功警报后，您不能将btn.button('reset')放在processJson函数下吗？

Answer 3

我可以看到您有一个用于“保存” ID的jquery选择器，此后您没有对其应用任何功能：

$('#save')
$(function() {
            btn.button('reset')
    });
}

我认为您不需要$('#save')或$(function()来重置按钮