jquery - 如何淡出、定值、淡入；但这样做 'better'

Question

假设一个元素的值为 55:

<span id="some">55</span>

我想要:

1. 淡出元素
2. 设置值 44
3. 淡入元素

所以我尝试了:

$("#some").fadeOut("slow").html("44").fadeIn("slow");

但上面首先将跨度的内容设置为44，然后淡出并淡入。

所以我尝试使用回调:

function fadeOutComplete(){
  $("#some").html("<%= @cc %>").fadeIn("slow");
}
$("#some").fadeOut("slow",fadeOutComplete);

现在这可以工作了，但是看起来和感觉都很笨拙。有什么方法可以编写这个 DRYer 和更多 jQuery-er 吗？ (甚至不知道我所说的jQuery-er是什么意思!)

如何传入要设置值的元素以及要设置为 fadeOutComplete 的值，以便使该回调具有通用性？

Answer 1

检查这个...

$("#some").fadeOut("slow", function() {
   $(this).html("<%= @cc %>").fadeIn("slow");
});

• 您可以传递匿名函数，以防止注册毫无疑问只会使用一次的命名函数。
• 在 fadeOut() 的完整回调中，this 指向原生 DOM 元素。这允许您以 DRY 方式再次引用它。