jquery 2同时淡出完成

Question

又一个快速的:

我注意到淡出的差异取决于这是否是目标。这是我的结构。

我的页面上有几行数据，每行有两个图标。一个是该行的更新图标，一个是该行的删除图标。当用户单击特定行的更新图标时，我希望更新和删除图标都消失。因此，为了淡出用户单击的内容(更新按钮)及其相应的删除按钮，我正在使用...

$(this).next().add(this).fadeOut('slow');

...有效，但是两个元素不会同时褪色。 this 首先淡出(更新图标)，然后 this.next 淡出(删除图标)。但是如果我按名称指定两个元素...

$('#updS2, #delS2').fadeOut('slow');

然后它们一起消失。为什么不一样呢？

对周五的胡言乱语表示歉意。

====编辑====

还注意到使用 andSelf 的延迟:

$(this).next().andSelf().fadeOut('slow');

Answer 1

好的，我已经找到问题所在了。之前有一个 fadeTo 命令作用于同一事件处理程序中页面上的所有图标。我将代码移至 fadeTo 的回调中，现在它可以工作了。应该先检查一下。我现在要爬回我的岩石下面......

这是我正在使用的代码。我所有的图标都有一类“ Action ”。我想调暗页面上的所有图标，除了用户单击的行上的图标之外 - 我希望这些图标完全消失，一起在一个单元中。这有效。

$('.action').click(function() {
    var me = $(this);
    $('.action').not(this).fadeTo('slow', 0.2, function() {
        $(me).next().add(me).fadeOut('slow');
    }).unbind('click');
)};

我必须使用我，因为如果我使用它，它会淡出所有图标，而不仅仅是我想要的两个图标。可能是一个更好的方法，但我想我会尝试回答这个问题，即使答案是“我一开始就错了”。对不起大家:S