javascript - Angular 2 单击事件未在移动设备/平板电脑上的下拉按钮项目上触发

Question

我有以下 HTML 代码:

<div class="btn-group pull-right">
   <div class="fbtn-inner">
      <button class="fbtn waves-attach waves-circle waves-effect" data-toggle="dropdown"><span class="fa fa-plus"></span></button>
     <div class="fbtn-dropdown">
       <button class="fbtn waves-attach waves-circle waves-effect" (click)="onAddContact()">
        <span class="fa fa-users"></span>
        <span class="fbtn-text fbtn-text-left">Add contact</span>
       </button>
    </div>
   </div>
</div>

问题是下拉菜单已打开，但按钮上的 click 事件不仅针对移动/平板设备触发，而且在桌面浏览器上运行良好。

知道为什么吗？

Answer 1

检查按钮和 div 的宽度或高度。可能在移动设备中，按钮与任何元素重叠，这就是它不起作用的原因。