将 $(this) 传递给 jQuery 中的回调？

Question

我有两个效果，我想依次运行，但我不知道如何将 $(this) 从第一个效果传递到回调。

这就是我现在所拥有的：

if($(this).hasClass('flag')) {
    $('someElement').slideUp();
    $(this).slideDown();
}

但我想要的是 SlideDown 在 SlideUp 完成后运行，即。

if($(this).hasClass('flag')) {
    $('someElement').slideUp(function() {
        $(this).slideDown();
    });
}

除了该阶段的 $(this) 现在改为引用 someElement 之外，因此无法按计划工作。

如何引用我原来的 element.flag。我尝试使用 $this = $(this) 但我认为我的语法一定是错误的。

有什么想法吗？

Answer 1

保存参考。

if($(this).hasClass('flag')) {
    var el = this;
    $('someElement').slideUp(function() {
        $(el).slideDown();
    });
}

Answer 2

像这样缓存它...只是不要忘记var。

var $this = $(this);
if($this.hasClass('flag')) {
    $('someElement').slideUp(function() {
        $this.slideDown();
    });
}

Answer 3

试一试：

var self = $(this);
if(self.hasClass('flag')) {
    $('someElement').slideUp(function() {
        self.slideDown();
    });
}