javascript - 如何使用带有 Backbone.js 库的 jQuery 添加事件类

Question

我正在尝试使用 jQuery 和 Backbone.js 库在 a 标签上添加一个事件类...我已经做了一些事情，但是当我点击该标签时没有任何反应。

HTML:

<div class="bets_view">
  <div class="filtering_options">
    <a href="#brzn/yolo/all" class="btn btn-filter">All</a>
    <a href="#brzn/yolo/open" class="btn btn-filter">Open</a>
    <a href="#brzn/yolo/closed" class="btn btn-filter">Closed</a>
    <a href="#brzn/yolo/ended" class="btn btn-filter">Ended</a>
    <a href="#brzn/yolo/resolved" class="btn btn-filter">Resolved</a>
  </div>
</div>

jQuery:

  events:
    "click a.btn-filter": "activeTab"

  activeTab: (e)->
    $el.removeClass("active-tab")
    $(this).addClass("active-tab")

Answer 1

在 Backbone 中，this 指的是当前 View ，而不是触发事件的元素。

您可以从 e 对象中获取元素:(CoffeeScript 语法)

activeTab: (e)->
    elem = e.currentTarget
    $elem = $(e.currentTarget)

    ## Remove .active class from previous item
    $('.filtering_options a.active').removeClass('active-tab')

    ## Set .active class to clicked item
    $elem.addClass("active-tab")