如何将这个简单的jQuery转换为coffeescript

Question

我尝试了各种各样的东西，但都没有用

我需要coffeescript中的以下内容

$('html,body').animate({
    scrollTop: '+=' + $('#comment-div').offset().top + 'px'
}, 'fast');

由于

Answer 1

As Thilo said in a comment，你的JavaScript代码也适用于CoffeeScript，但是如果你想让它更像CoffeeScript-y，你可以。由于语言非常相似，因此差别不大。

$("html, body").animate {
    scrollTop: "+=#{$("#comment-div").offset().top}px"
}, "fast"

我在这里做的是：

• 删除了不必要的括号。
• 在#{}字符串中使用字符串插值（scrollTop语法）。

这些使代码更像CoffeeScript-y。

Answer 2

如果您需要最快的转换方式，请尝试将其作为临时解决方案

www.js2coffee.org

我建议你使用它作为交叉验证而不是在编译错误后更正代码（仅在初始阶段），我强烈建议你学习coffeescript而不是做这个转换。

除了Little Book之外，如果你想了解更多有关coffeescript的详细书籍 试试这些，
Programming in Coffee
Coffeescript Accelerated JavaScript Development