单击“咖啡脚本”删除类

Question

>我有一个导航栏，其中的链接结构是这样的.nav li a

当我单击"a"时，此代码将"活动"添加到"li"。但它会立即删除它。

jQuery ->
      $('.nav a').on 'click', -> 
                $(this).parent().addClass('active')

如何在选定的"li"上保持"活跃"？

ps 这是我在 jquery 上所拥有的

$(document).ready(function(){
    $(".nav a").on("click", function () {
    $(".nav").find(".active").removeClass("active");
    $(this).parent().addClass("active");
  });
});

Answer 1

要从JS获取coffescript，请查看 js2coffee.org。

如果在其中输入脚本：

$(document).ready(function(){
    $(".nav a").on("click", function () {
        $(".nav").find(".active").removeClass("active");
        $(this).parent().addClass("active");
    });
});

您将获得：

$(document).ready ->
  $(".nav span").on "click", ->
    $(".nav").find(".active").removeClass "active"
    $(this).parent().addClass "active"
    return
  return

只需注意缩进，因为咖啡脚本使用它。