jquery - 删除在 ajax 调用后单击事件开始的类

Question

我正在尝试删除我单击的那个类，并且单击事件会触发并进行 ajax 调用。但它不工作。我想知道它是否可能

$(document).on('click', '.miinterest', function (event) {
    event.preventDefault();
    var login_id = $(this).attr('lid');
    var profile_id = $(this).attr('pid');
    var type = 'interest';
    var dataString = "login_id=" + login_id + "&profile_id=" + profile_id + "&type=" + type;

    $.ajax({
        type: "POST",
        url: "includes/ajax.php",
        data: dataString,
        success: function (html) {
            $(".miinterest").addClass("disabled");
            $(this).removeClass("miinterest");
            $.lightbox("modules/after_message/after_message.php?page=profile&type=" + type, {
                'width': 480,
                    'height': 240,
                    'autoresize': true
            });
        }
    });
});

Answer 1

保存对您的元素的引用var type='interest';

var $this = $(this);

稍后success随叫随到

$this.removeClass("miinterest");

反而。

Answer 2

尝试使用 jQuery 的上下文设置。

context: $(this)

您$(this)在成功回调中的使用是指 jqXHR 对象而不是您的原始范围。