Backbone.js 木偶项目视图单击被多次触发

我看到itemview上的每一行都会多次触发click事件

 return Marionette.ItemView.extend( {
     template: ItemViewTemplate,
     tagName: 'tr',
     className: 'ItemRow',

     templateHelpers: viewHelpers,

     events: {
        'click .editRowItem': 'editRowItem'

editRowItem（）函数被多次触发。在特定行上触发单击的正确方法是什么

---

谢谢

如果要将单击事件应用于模板中的每一行项目，请尝试以下操作：

events: {
  'click' : 'editRowItem'
}

---

如果要将单击事件应用于模板中的每一行项目，请尝试以下操作：

events: {
  'click' : 'editRowItem'
}

---

如果要将单击事件应用于模板中的每一行项目，请尝试以下操作：

events: {
  'click' : 'editRowItem'
}

---

如果要将单击事件应用于模板中的每一行项目，请尝试以下操作：

events: {
  'click' : 'editRowItem'
}

---

通常它不应该触发多次。但是，这种情况可能发生，例如：

• 视图中具有相同类的嵌套元素。事件冒泡将导致触发多个事件
• 父视图侦听某些或所有子视图中存在的类上的单击事件

示例（剥离的非相关部分）：

此处演示：

请注意，如果在这种情况下不使用

ev.stopPropagation（）

来防止事件冒泡，控制台将记录4个条目；两个用于itemView，两个用于collectionView。为了防止这种行为（在这种情况下，您不应该在collectionView中使用click事件），从而接收一个而不是两个事件，我们使用

ev.stopPropagation（）

---

还请记住，使用视图的

ui

属性来描述组件被认为是一种良好的做法，可以让您的生活更轻松。

通常不应该多次触发。但是，这种情况可能发生，例如：

• 视图中具有相同类的嵌套元素。事件冒泡将导致触发多个事件
• 父视图侦听某些或所有子视图中存在的类上的单击事件

示例（剥离的非相关部分）：

此处演示：

请注意，如果在这种情况下不使用

ev.stopPropagation（）

来防止事件冒泡，控制台将记录4个条目；两个用于itemView，两个用于collectionView。为了防止这种行为（在这种情况下，您不应该在collectionView中使用click事件），从而接收一个而不是两个事件，我们使用

ev.stopPropagation（）

---

还请记住，使用视图的

ui

属性来描述组件被认为是一种良好的做法，可以让您的生活更轻松。

通常不应该多次触发。但是，这种情况可能发生，例如：

• 视图中具有相同类的嵌套元素。事件冒泡将导致触发多个事件
• 父视图侦听某些或所有子视图中存在的类上的单击事件

示例（剥离的非相关部分）：

此处演示：

请注意，如果在这种情况下不使用

ev.stopPropagation（）

来防止事件冒泡，控制台将记录4个条目；两个用于itemView，两个用于collectionView。为了防止这种行为（在这种情况下，您不应该在collectionView中使用click事件），从而接收一个而不是两个事件，我们使用

ev.stopPropagation（）

---

还请记住，使用视图的

ui

属性来描述组件被认为是一种良好的做法，可以让您的生活更轻松。

通常不应该多次触发。但是，这种情况可能发生，例如：

• 视图中具有相同类的嵌套元素。事件冒泡将导致触发多个事件
• 父视图侦听某些或所有子视图中存在的类上的单击事件

示例（剥离的非相关部分）：

此处演示：

请注意，如果在这种情况下不使用

ev.stopPropagation（）

来防止事件冒泡，控制台将记录4个条目；两个用于itemView，两个用于collectionView。为了防止这种行为（在这种情况下，您不应该在collectionView中使用click事件），从而接收一个而不是两个事件，我们使用

ev.stopPropagation（）

还要记住，使用视图的

ui

属性来描述组件被认为是一种良好的做法，可以让您的生活变得更轻松