在 Backbone 如何获取列表项中锚标记的点击事件

Question

在呈现函数内的 backbone 视图中，我有一个锚标记，在无序列表中有一个列表项。简而言之

var DemoView = Backbone.View.extend({
  el: '#body',
  
  render: function() {
    this.$('sidebar-nav > ul').append($('<li class="divider"></li>'));
    this.$('.sidebar-nav > ul')
      .append($('<li><a href="' + _.path(Overture.contextPath, '/calendars/', 
    this.controller.model.id,'/preview') + '" class="internal-link">Link 1</a></li>'));
    this.$('.sidebar-nav > ul')
        .append($('<li><a href="#" class="internal-link">Link 2</a></li>'));
  } 
});

我想在点击 Link 2 时打开一个警告框，而不导航到其他页面。

Answer 1

您可以设置视图的 events:

var DemoView = Backbone.View.extend({
  el: '#body',
  events: {
    'click .alert-link': onAlertLinkClick
  },
  onAlertLinkClick: function() {
     // put your alert code here
  },
  render: function() {
    this.$('sidebar-nav > ul').append($('<li class="divider"></li>'));
    this.$('.sidebar-nav > ul')
      .append($('<li><a href="' + _.path(Overture.contextPath, '/calendars/', 
    this.controller.model.id,'/preview') + '" class="internal-link">Link 1</a></li>'));
    this.$('.sidebar-nav > ul')
        .append($('<li><a href="#" class="internal-link alert-link">Link 2</a></li>'));
  } 
});

你必须将 alert-link 添加到第二个锚点到 select 当然。

See docs 了解更多信息。

在 Backbone 如何获取列表项中锚标记的点击事件

In Backbone how to get click event on an anchor tag within a list item

javascript

jquery

backbone.js

backbone-views

jquery-click-event