Twitter bootstrap Ember.js action赢得'；t使用数据切换=下拉菜单玩得很好

我有一个动作占据了一张桌子的整行。如果用户单击该操作，他将链接到下一页。但是，我有一个数据切换=下拉菜单，用于切换下拉菜单

当我尝试单击data toggle=下拉菜单时，我的问题就出现了，相反/在下拉菜单可以切换之前，我链接到了下一页。我不要这个。我希望操作链接跨越整行，但不与该行中的任何其他按钮冲突

<tr {{action 'actionThatLinksToNextPage' this.someID bubbles=false}}>
  <td>
    <a  data-toggle="dropdown" aria-expanded="false" class="btn btn-sm pull-right btn-sm-big-glyph dropdown-toggle ">
      <div  class="glyphicon fa-lg glyphicon-remove fa-size " data-toggle="tooltip" data-placement="top" title="Disabled" role="tooltip" >              
      </div>                
    </a>
  </td>
  <td>
  </td>
</tr>

---

问题在于，当您单击下拉切换时，事件会向上传播到DOM树中的表行。您需要在气泡到达

tr

之前停止气泡，这样它的动作就不会被触发。像这样的方法应该会奏效：

$('a[data-toggle=dropdown]').click(function(event) {
   event.stopPropagation();
});

---

不确定这是否可能，但对我来说，这听起来像是一个令人困惑的UI，即使您试图实现的是可能的。如果用户希望单击行中的任何位置以转到某个位置，那么可能应该总是这样。我也有同样的情况，而且效果很好。只需确保标签上有更大的填充物就行了。@IanSteffy它在一个大项目中，提取它需要时间。但我唯一的区别是，您案例中的包装标签是一个实现转换到页面的单击事件的组件。打开下拉列表的操作在您的case标记的内部元素中。@IanSteffy Dude，如果用户界面适合您，就去做吧！：）也许我只是误解了确切的情况。如果你能让它在JSBin中工作，我很乐意使用它。@IanSteffy看看这个JSBin。试着用一个简单的例子来说明我说的话。