Question

我有一个占据表格整行的动作。如果用户单击该操作，则会链接到下一页。但是我有一个data-toggle =下拉列表可以切换下拉列表。

当我尝试点击data-toggle = dropdown而不是/在下拉列表中切换之前，我的问题就出现了，我链接到下一页。我不想要这个。我希望链接操作跨越整行，但不要与该行内的任何其他按钮冲突。

<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>

Answer 1

问题在于，当您单击下拉切换时，事件会将DOM树向上传播到表行。您需要在到达tr之前停止冒泡，以便不触发其操作。这样的事情应该有效：

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

Ember.js的动作在data-toggle =下拉列表中表现不佳

1 个答案: