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 Form Plugin通过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()才能重置按钮

Bootstrap加载按钮和ajax

3 个答案: