ruby-on-rails - 从 Javascript 到 CoffeeScript

Question

如何在 coffeeScript 中编写这个 javascript 代码？

$('#id_tab a').click(function (e) {
    $('ul.nav-tabs li.active').removeClass('active')
    $(this).parent('li').addClass('active')
})

当我把它放在我的 html.erb 文件中时它可以工作

所以我在 coffeeScript 文件中试试这个：

$ ->
    $('#id_tab a').click (e) ->
        $('ul.nav-tabs li.active').removeClass 'active'
        $(this).parent('li').addClass 'active'

它不起作用。请帮忙！

Answer 1

有一个名为JS2Coffee的不错的站点，您可以使用它来检查您的脚本。您会看到您的咖啡脚本编译为：

$(function() {
  return $('#id_tab a').click(function(e) {
    $('ul.nav-tabs li.active').removeClass('active');
    return $(this).parent('li').addClass('active');
  });
});

相反，试试这个：

$ ->
    $('#id_tab a').click (e) ->
        $('ul.nav-tabs li.active').removeClass 'active'
        $(this).parent('li').addClass 'active'
        true
    true

您可以查看此StackOveflow答案以获取更多信息，但 Coffeescript 始终返回最后一行。