jquery - .done 不更新按钮值

Question

$(document).ready(function(){
    $('.msg-buttons :button').on("click",function(event) {
        var id = $(this).attr("data-rel");

        $.get( "account/process-actions.php", { value: id } )
            .done(function( data ) {
                $(this).attr('value', data);
                //alert( "Data Loaded: " + data );
            });
    });
});

我想在按钮更改数据库中的值后更新按钮的值(有一组按钮)。

上述问题是 .done 似乎不允许“this”。它确实回发了数据，并且警报也起作用。

Answer 1

完成处理程序中的

this 并不引用单击的按钮。

解决方案1.使用闭包变量

$(document).ready(function () {
    $('.msg-buttons :button').on("click", function (event) {
        var id = $(this).attr("data-rel");

        var $this = $(this);
        $.get("account/process-actions.php", {
            value: id
        }).done(function (data) {
            $this.attr('value', data);
            //alert( "Data Loaded: " + data );
        });
    });
});

解决方案 2:使用 $.proxy()将自定义执行上下文传递给回调方法

$(document).ready(function () {
    $('.msg-buttons :button').on("click", function (event) {
        var id = $(this).attr("data-rel");

        $.get("account/process-actions.php", {
            value: id
        }).done($.proxy(function (data) {
            $(this).attr('value', data);
            //alert( "Data Loaded: " + data );
        }, this));
    });
});