从 CoffeeScript 调用 JQuery 函数 slipUp 时出现问题

Question

我正在尝试将以下 JS 片段转换为 CoffeeScript：

$(document).ready(function(){
  window.setTimeout(function(){
    $('#flash').slideUp('slow', function(){
      $(this).remove();
    })
  }, 1000)
})

我尝试了以下方法：

$(document).ready ->
  window.setTimeout ->
    $('#flash').slideUp 'slow', (-> $(this).remove()), 1000

这导致了以下 JS 代码：

(function() {
  $(document).ready(function() {
    return window.setTimeout(function() {
      return $('#flash').slideUp('slow', (function() {
        return $(this).remove();
      }), 1000);
    });
  });
}).call(this);

看起来与我非常相似，但它根本不起作用。该代码片段的目的是，在 ID 为 #flash 的 div 上执行幻灯片向上动画，并在动画完成后删除该元素。纯 JS 片段工作得很好，但我不明白，为什么编译后的 CS 不能完成它的工作，

我对 JavaScript 或 CoffeeScript 根本没有太多经验，所以我会很高兴在这里得到提示。

Answer 1

您的原始代码与 CoffeeScript 等效

$(document).ready ->
  window.setTimeout (->
    $('#flash').slideUp 'slow', (-> $(this).remove())
  ), 1000

，相反，您将 1000 作为 slideUp 函数的第三个参数。由于 setTimeout 需要时间参数，因此什么也没有发生。

请注意，我喜欢围绕 setTimeout 创建一个包装函数，为了可读性而交换两个参数：

window.delay = (ms, func) -> setTimeout func, ms

定义后，您可以编写

$(document).ready ->
  delay 1000, -> $('#flash').slideUp 'slow', (-> $(this).remove())