Question

我有一个导航栏，其链接的结构方式为.nav li a

当我点击“a”时，此代码将“active”添加到“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

要从coffescript获取JS，请查看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

只要注意缩进，因为coffescripts会使用它。

单击coffeescript会删除类

1 个答案: